Beiträge von Texasmutscha

Texasmutscha

Zitat von R3WARD

Was möchtest Du mir damit sagen?
Das es eine Lösung gibt?

Wenns dir bis heute abend keiner gemacht hat oder du es nicht selbst hinbekommen hast mache ich es... aber es ist echt so einfach. Wo liegt das Problem.

Da hast du schonmal die HTML Struktur

HTML

<body>
        <div id="header"></div>
        <div id="links"></div>
        <div id="inhalt"></div>
        <div id="rechts"></div>
        <div id="footer"></div>
</body>

EDIT:

Css Datei

Code

* {margin: 0; padding: 0;}
html {background-color: #fff;}
body {
width: 1000px;
height: auto;
margin: 0 auto;
background-color: #000;
}
#header {
width: 100%;
height: 150px;
/* background-image: url(img/logo.gif); */
}
#links {
width: 150px;
height: 750px;
float: left;
background-color: #ff0000;
}
#inhalt {
width: 700px;
float: left;
}
#rechts {
width: 150px;
float: left;
background-color: #ff1250;
}
#footer {
width: 1000px;
height: 30px;
clear: both;
}

Alles anzeigen

So den Rest (deine breiten und längen musst du selber anpassen, sowie die Hintergrundfarben. Ist nur der Übersicht halber. Der feste Höhenwert im Footer muss bestehen bleiben!!

Wenns das nicht ist dann weiß ich nicht was du möchstet:-)

Layout.rar

Texasmutscha

Zitat von R3WARD

Dies sehe ich nicht wirklich wie bereits beschrieben als Lösung an (Es funktioniert zwar aber schön ist es wirklich nicht einfach mal 32767px festzulegen.

Es muss doch wirklich eine schönere Lösung geben.

Wie gesagt es ist auch möglich die Seite ohne die Riesen hin und her schiebung des margin bzw padding werts sematisch korrekt zu erstellen. Selber XHTML(incl. Boxmodell) und Css können;)

Alternativ kann ich dir noch Templateseiten ans herz legen wenn du es selber nicht kannst.
http://www.free-css-templates.com/
http://www.freecsstemplates.org/css-templates

Aber auch die sind nicht immer perfekt gebaut,(Quellcode perfekt) aber sie bestehen auch schon etwas länger8)

http://www.google.de/#hl=de&source=…b0f8312a7be4d4c

p.s Ich habe auch nur durch basteln, Quellcode überarbeiten alles gelernt.
Und immer wieder lesen, lesen und realitätsnahes Üben am Projekt. Das hilft ungemein;);)

Texasmutscha

Texasmutscha

Auch hier kann ich wieder auf eine früher oft genutze Nachschlageseite verweisen:

http://www.cssplay.co.uk/layouts/three-column-layouts.html

Texasmutscha

Guten Morgen, ich möchte zum testen meiner Javascript Programme(auch andere Programmiersprachen) mehrere Versionen des IE und Firefox installieren. Wie mache ich das? Bisher gehe ich immer noch der Ansicht nach das man nur eine Version eines Browsers installieren kann. Habe aber schon oft was anderes gehört jedoch nie detalliertes gehört. Opera und Chrome ist die aktuellste Version zum testen ausreichend, nur bei Firefox, IE würde ich doch gerne mehrere Versionen draufhaben

Texasmutscha

ich war gerade fast dabei dir das mal kurz zu bauen(dauern würde es 3-5 min), aber da du wahrscheinlich auch verstehen willst. Sieh mal hier:
http://www.cssplay.co.uk/layouts/three-column-layouts.html
Ist mir gerade noch ins Auge gestochen als ich meine Favoriten duchsuchte

Hoffe du beschäftigst dich trotzdem auch mit XHTML und Css(extern).

Übernimm mal diesen Code hier 1:1 , dann kannst du sehen was wie geht.

index.html
-->

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
    <title>Willkommen | Divs statt Tabellen</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <link href="css.css" type="text/css" rel="stylesheet" />
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
  <div id="header">
   <div class="content">
    <h1>CSS play - SIMPLE Flexible Layout - 3 columns two fixed widths</h1>
    <p>Resize you browser window and watch it stay in shape. NO graphics have been used in this demonstration (except for the 'Donate' button).</p>
   </div>
  </div> <!-- end header -->
 
  <div id="wrapper">
   <div id="outer1">
     <h3>Left 200px</h3>
     <p>Pellentesque id metus. Aenean suscipit sapien et nibh. Suspendisse quis felis a justo condimentum dignissim. Vivamus hendrerit luctus risus. Phasellus lectus. Mauris posuere sapien in enim. Vivamus ut velit. Etiam ullamcorper purus eget felis. Ut mollis pretium nisl. Nulla suscipit pellentesque lacus.</p>
     <p>Pellentesque id metus. Aenean suscipit sapien et nibh. Suspendisse quis felis a justo condimentum dignissim. Vivamus hendrerit luctus risus. Phasellus lectus. Mauris posuere sapien in enim. Vivamus ut velit. Etiam ullamcorper purus eget felis. Ut mollis pretium nisl. Nulla suscipit pellentesque lacus.</p>
     <p>Pellentesque id metus. Aenean suscipit sapien et nibh. Suspendisse quis felis a justo condimentum dignissim. Vivamus hendrerit luctus risus. Ut mollis pretium nisl.</p>
   </div>
 
   <div id="outer3">
     <h3>Right 200px</h3>
     <p>This layout has been tested in IE6, IE7, Firefox, Opera, Safari(PC) and Chrome all latest versions.</p>
     <p>All the colors are background color, so there is no need for background images to give the impression of full height columns.</p>
     <p>All three columns will end at the footer.</p>
   </div> <!-- end outer3 -->
 
   <div id="outer2">
     <h3>Center percentage</h3>
     <p>This layout has been tested in IE6, IE7, Firefox, Opera, Safari(PC) and Chrome all latest versions.</p>
     <p>All the colors are background color, so there is no need for background images to give the impression of full height columns.</p>
     <p>Pellentesque id metus. Aenean suscipit sapien et nibh. Suspendisse quis felis a justo condimentum dignissim. Vivamus hendrerit luctus risus. Phasellus lectus. Mauris posuere sapien in enim. Vivamus ut velit. Etiam ullamcorper purus eget felis. Ut mollis pretium nisl. Nulla suscipit pellentesque lacus.</p>
     <p>Pellentesque id metus. Aenean suscipit sapien et nibh. Suspendisse quis felis a justo condimentum dignissim. Vivamus hendrerit luctus risus. Ut mollis pretium nisl.</p>
     <p>Pellentesque id metus. Aenean suscipit sapien et nibh. Suspendisse quis felis a justo condimentum dignissim. Vivamus hendrerit luctus risus. Phasellus lectus. Mauris posuere sapien in enim. Vivamus ut velit. Etiam ullamcorper purus eget felis. Ut mollis pretium nisl. Nulla suscipit pellentesque lacus.</p>
     <p>Pellentesque id metus. Aenean suscipit sapien et nibh. Suspendisse quis felis a justo condimentum dignissim. Vivamus hendrerit luctus risus. Ut mollis pretium nisl.</p>
   </div> <!-- end outer2 -->
 
 
  </div><!-- end #wrapper -->
 
  <div id="footer">
   <div class="content">
    <p>&copy; Autor der Seite </p>
   </div>
  </div> <!-- end footer -->
 
</body>
</html>

Alles anzeigen

Und die untere Css datei speicherst du unter css.css ab und lädst sie ins selbe verzeichnis wie die index.html

HTML

body {font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif; background:#f0f0f0; word-wrap:break-word;}
 
#header {background:#a31e39;}
 
#outer1 {float:left; width:180px; padding:10px; background:#e0d0d0;}
#outer3 {float:right; width:180px; padding:10px; background:#b0b0b0;}
#outer2 {background:#e0e0e0; margin:10px 210px;}
 
#outer1, #outer2, #outer3 {padding-bottom:32767px; margin-bottom:-32767px;}
 
#wrapper {overflow:hidden; background:#e0e0e0;}
 
 
#footer {clear:both; background:#455c5a;}
 
.content {padding:10px;}
h1 {font-size:20px; margin:0; padding:10px 0; color:#fff;}
h3 {font-size:18px; margin:0; padding:8px 0;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
#footer p,
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}

Alles anzeigen

Auf obiger Seite gibt es verschiedene Modelle, allerdings sollte man den Doctype immer um einen aktuelleren ersetzten(wie ich in obigem Code)
Ist zwar keine Pflicht aber es ist für zukünftigere Webseiten durchaus von Vorteil.

Viel Glück:D:D

Texasmutscha

P.s Bitte den Beitrag noch zu vorigem hinzufügen, ist mir selber nicht möglich:p

Texasmutscha

Zitat von CityDeal

Die Anmeldung für das Partnerprogramm findet Ihr unter:
http://www.affili.net

Reflinks gehören hier eh nicht hin, steht auch oben!!!!

Zitat

[ reine Werbelinks verboten]

Texasmutscha

Zitat von koslowski

Moin,

Tabellenlayout ist von vorvorgestern,
die Diskussion darüber von vorgestern und
die "Wer schafft es dieses Tabellenlayout in CSS umzusetzen ?"-Spielchen von gestern.

Setz dich halt einfach auf den Hosenboden und lerne CSS.

Alles anzeigen

Ich habe letztes Jahr angefangen, würde es sicher hinbekommen

Du bist in dem Bereich schon viel länger tätig laut deiner Mitgliedschaft hier. In dem Zeitraum hättest du es längst erlernen können

Texasmutscha

Hallo mal eine Frage, ich lerne gerade Webdesign, Webprogrammierung, Flash usw. Warum ist die Seite von http://haspa.de so unvalide?

http://teeex.de/index.php?page…www.haspa.de%2F

Ich versuche für meinen "noch kleinen Kundenkreis" immer allen Code valide zu schreiben und das klappt auch zu 100%, war das früher noch nicht so wichtig?

Merkwürdig

Gruß Texasmutscha

Texasmutscha

Zitat von Texasmutscha

Ich hätte gerne einen Grafisch aufgepeppten mit Isi's-Webpage, eventuell machst 2 als Vorlage. Wäre Super. Vielen Dank im vorraus

.....Bei mir kommt leider auch nichts an

...Wenn du dennoch was machst danke für deine Mühen:-D

Gruß Isi

Texasmutscha

Ich hätte gerne einen Grafisch aufgepeppten mit Isi's-Webpage, eventuell machst 2 als Vorlage. Wäre Super. Vielen Dank im vorraus

Beiträge von Texasmutscha

Tabelle vs CSS

Tabelle vs CSS

Darstellungsfehler im IE (Fehler im Code?)

Verschiedene Versionen der Browser installieren

Tabelle vs CSS

Partnerprogramm / Affiliate DailyDeal

Tabelle vs CSS

Haspa.de sehr unvalide

[Kostenlos] Bannererstellung

[Kostenlos] Bannererstellung