also ich lass alles nur über "float" laufen....hab im main.css noch nie postion oder z-index benutzt und hatte noch nie sonderlich viel probleme was andere browser angeht
ma n auszug aus einer meiner standard .css
Code:
body {
font-size: 62.5%;
font-family: Arial,Helvetica,Geneva,sans-serif;
background-color: #FEFECC;
}
#wrapper {
margin: 0 auto;
width: 1000px;
font-size:1.2em;
background: #FFF;
}
#header {
display: inline;
color: #333;
width: 1000px;
float: left;
height: 70px;
background: #FEFECC;
}
#leftcolumn {
display: inline;
margin: -20px 0 10px 0;
height: auto;
width: 250px;
float: left;
list-style-type: none;
padding: 0px;
}
#content {
display: inline;
float: left;
color: #333;
margin: 0 5px 5px 5px;
padding: 10px;
height: auto;
width: 510px;
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/
}
#rightcolumn {
display: inline;
color: #333;
margin: 0 0 5px 0;
height: auto;
width: 195px;
float: right;
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/
}
#footer {
width: 960px;
clear: both;
background: transparent url(../img/screen/line.gif) repeat-x scroll left top;
margin: 0 0 0 0;
padding: 10px;
text-align: center;
}