immer das gleiche - CSS Layout Problem

Status
Nicht offen für weitere Antworten.
:offtopic:

"Meinen Platz" kannst du mir hier sicherlich nicht streitig machen.

Nur warum hast du dein Angebot, deinen Quellcode zu zeigen, nicht gleich heute Morgen in die Tat umgesetzt, dann hätte ich mir die Arbeit sparen können, hier ein Beispiel zur Verfügung zu stellen.

Wer zuerst kommt, malt zuerst :p

mfg Maik
 
Weil ich leider zur arbeitenden Gesellschaftsschicht gehöre. Ich habe auch deinen Beitrag nicht gelesen, da ich schon auf Antwort war und wo ich wiedergekommen bin einfach weiter gemacht habe. ^^

LG
 
Sodele, Zeit für eine Zugabe :-)

Ich hab mal die Workaround-Variante http://www.cssplay.co.uk/boxes/width2.html für den IE <7 in mein Beispiel einfliessen lassen:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_setcookie</title>

<style type="text/css">
<!--
div#wrapper {
width:100%;
min-width:900px;
border:1px solid #000;
}

/* the bodge for IE6 browsers */
* html .minwidth {border-left:900px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-900px; position:relative; float:left; z-index:2;}

div#leftCol {
float:left;
width:300px;
background:#aaa;
}

div#centerCol {
float:left;
width:300px;
background:#ccc;
}

div#rightCol {
float:left;
width:300px;
background:#aaa;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
-->
</style>

</head>
<body>

<div id="wrapper" class="clearfix">
     <div class="minwidth">
          <div class="container">
               <div id="leftCol">leftCol</div>
               <div id="centerCol">centerCol</div>
               <div id="rightCol">rightCol</div>
          </div>
     </div>
</div>

</body>
</html>
mfg Maik
 
coolio, ... den thread hier sollte man mal sticky machen ...das sind alle infos drin die man sich sonst mühsam ergooglen muss :)

danke
 
Status
Nicht offen für weitere Antworten.
Zurück