inizio ora a fare qualche prova con i css
con il codice seguente per la creazione di una pagina su tre colonne (su ie 6) ho una buona visualizzazione ma cambiando l'ordine di visualizzazione mi sballa il layout
In pratica, spostando il codice del contenuto tra o prima i menu laterali, questi vanno a posizionarsi sotto il contenuto
Qualcuno sa spiegarmi dove sbaglio?
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test css</title>
<style type="text/css">
<!--
html,body{ margin: 5px; padding: 0px; text-align: center; background-color: #eeeeee; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}
div#base { width: 760px; margin: 5px; padding: 1px; text-align: left; color: #FFCC66; background-color: #cc6600}
div#sbase {float: center; width: 100%; margin: 0px; padding: 1px; text-align: left; color: #000000; background-color: #ffcc66}
div#mleft{float: left; width: 150px; padding: 1px; background-color: #cc6600}
div#pcontent{margin: 0 153px; padding: 1px; background-color: #cc6600}
div#mright{float: right; width: 150px; padding: 1px; background-color: #cc6600}
.testo{color: #000000; background-color: #eeeeee}
.menu {color: #336699; background-color: #ffffdd}
-->
</style>
</head>
<body>
<div id="base">
logo
<div id="sbase">
bread crumbs
<div id="mleft">
<p class="menu">
link
link
link
link
link
link
</p>
</div>
<div id="mright">
<p class="menu">
link
link
</p>
</div>
<div id="pcontent">
<div class="testo">
content
content
</div>
</div>
</div>
</div>
</body>
</html>
codice che sballa la visualizzazione (solo la parte a cui mi riferisco)
codice:
<div id="mleft">
<p class="menu">
link
link
link
link
link
link
</p>
</div>
<div id="pcontent">
<div class="testo">
content
content
</div>
</div>
<div id="mright">
<p class="menu">
link
link
</p>
</div>
Rispondi quotando
ciao
