Contenuti del "Main" invadono la "Sidebar"

**moncicci** · 25-05-2010, 12:54

Ciao a tutti!

Uso da poco i css (ma li trovo meravigliosi :P ) e mi trovo abbastanza bene, solo che ho un piccolo problema con un sito che sto costruendo.

Il problema è che i contenuto del contenitore principale ("Main") mi vanno a finire sotto la Sidebar... come posso fare? Se può essere d'aiuto posso postare il css. Aiutatemi per favore!

Grazie e buona giornata a tutti!

**ResianTaxidrive** · 25-05-2010, 13:43

dovresti postare il codice comunque potrebbe essere che la sidebar abbia un float:left e il main no. Fai in modo che o ce l'abbiano tutti e due o nessuno dei due, così non dovresti avere problemi.

**moncicci** · 25-05-2010, 14:02

Ciao! ecco il codice:
Css:

codice:

body { font-size: 62.5% } /* set 1em to 10px */
#layout { margin: 0 auto; text-align: left; }

.fixed760 { width: 76em; }

/* Header and Footer*/
#header, #footer { width: 100%; }

div#header{background-color:#B40001;color: #fff; width:100%; height:150px;background-repeat: no-repeat;}
div#footer{clear:left; text-align:center; padding: 0.5em;
    background-color: #B40001; color: #fff}

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

#content {display: inline-block;}
div#content{margin-right: 13em;padding: 1em; background-color:#fff}

/* Sidebar Control */
.left-sidebar-wide180 #sidebar { float: left; width: 18em; }

div#sidebar ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#sidebar li{margin: 0;padding: 0}
div#sidebar a{color:#B40001;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#sidebar a:hover{color: #000000;text-decoration: underline}
div#sidebar a#activelink{color: #000000;text-decoration: none}

#main { float:left; text-align:justify; color:#000000 }
#newsletter { text-align:center; color:#B40001 }
#testo { text-align:justify; color:#000000 }
#testo2  { clear:left; text-align:center; color:#000000 }

xHtml (Schema):
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="layoutizzatore.css" />
</head>
<body>

<div id="layout" class="fixed760">
<div id="header">
</div>
<div id="content" class="left-sidebar-wide180">
<div id="sidebar"></div>
<div id="main"></div>
</div>
<div id="footer"></div>
</div>

</body>
</html>

Grazie

**moncicci** · 25-05-2010, 14:05

Volevo aggiungere che se i contenuti sono lunghi me li impagina correttamente nel "main", il problema si pone quando devo magari scrivere poche righe di testo, a quel punto me le inserisce sotto la sidebar. Spero che tu mi possa aiutare per favore

Grazie

**ResianTaxidrive** · 25-05-2010, 15:37

Non capisco il problema, i due blocchi mi stano separati uno a fianco all'altro anche con pochi caratteri. Per sicurezza metti una larghezza anche al main che ti occupi tutto lo spazio a destra

**moncicci** · 25-05-2010, 15:41

Ciao, scusa la domanda sciocca (sono ancora un newbie per quello che riguarda i css :P), ma quando dici di inserire una larghezza, intendi dire di impostare il parametro width nel main? se si, come devo fare? grazie per la pazienza!

**ResianTaxidrive** · 25-05-2010, 15:56

si', ma come ti dicevo non serve neanche, con il float i due si mettono uno a fianco all'altro.Ma tu non li vedi uno a fianco dell'altro?

**moncicci** · 26-05-2010, 08:16

guarda, ti faccio vedere:

http://marcellogabrielli.it/test77/p...contattaci.php

Se lo visualizzi con IE lo vedi bene, se usi Firefox lo mette sotto la sidebar.....

**moncicci** · 26-05-2010, 10:58

Volevo aggiungere che il sito si vede bene anche con opera... quindi: IE e Opera ok, con firefox il form mi va sotto la sidebar...

**ResianTaxidrive** · 26-05-2010, 11:16

Il problema sta nel main che non ha il float e nel content che non è largo abbastanza da contenerli entrambi

Discussione: Contenuti del "Main" invadono la "Sidebar"

Strumenti discussione

Ricerca discussione

Visualizza

Contenuti del "Main" invadono la "Sidebar"

Permessi di invio