1 svar · 293 visningar · startad av eddy1
Hej.
Håller på med en sida och har gjort två kolumner på den. "Side" är för menyn till vänster och resten i höger kolumnen "main".. Saker är bara den att när upplösningen är för låg och innehållet i "main" blir för brett så bryts det och allt innehåll hamnar nedanför meny innehållet på en ny rad som blir lika bred som hela sidan ??
kod:
#side{
padding-left: 10px;
width: 140px;
height: auto;
float: left;
background-color: White;
}
#main{
float: left;
width: 945px;
height: 100%;
page-break-after: avoid;
page: auto;
page-break-inside: avoid;
margin-left: 10px;
}
<div id="side">
meny
</div>
<div id="main">
blir detta innehållet för brett hamnar det under båda kolumnerna ??
</div>
provade med page-brake men det verkade Inte hjälp??
Page-break-egenskaperna har inget att göra med detta, de är till för kontrollera utskriften på skrivaren.
Det du ska göra är att lägga dina två kolumner i en huvudbehållare som har en fast bredd.
<div id="wrap">
<div id="side">
meny
</div>
<div id="main">
blir detta innehållet för brett hamnar det under båda kolumnerna ??
</div>
</div>
div#wrap {
width:1105px; //total bredd av båda kolumnerna, 150px + 955px
}