Hallo Typoisten 🙂
Ich habe ein kleines Problem bei der Anordnung meines Contents auf der Seite. Bei Vollbild ist alles ok, wenn ich das Fenster jedoch verkleinere, dann wird der Inhalt zusammengeschoben, so wie es sein soll. Mach ich dass Fenster noch etwas kleiner, dann ragt der Inhalt über den rechten Navigationsteil. (siehe bild)
<img src="http://bvmb-bauportal-de.km1902.keymachine.de/pages/fileadmin/screener.gif"/>
Das CSS dazu sieht so aus.
#navBar{ /*linke Navigation*/
position:absolute;
left:0px;
top:93px;
float:left; /*Umlauf*/
width:15%; /*Breite */
height:100%;
margin: 0px 0px 0px 0px;
padding: 0px;
background-color:#e5e5e5;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#headlines{ /*rechteNavigation */
position:relative;
left:0px;
float:right;
width:20%;
height:100%;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding-right: 10px;
}
#content{ /*Inhalt*/
overflow:auto;
position:relative;
top:0px;
left:165pt;
/*float:left;*/ /*Umlauf*/
width: 65%; /*Breite*/
}
___________
Die Scrollbalken werden erst angezeigt, wenn es schon extrem zusammengeschoben ist und machen dann auch keinen sinn mehr.(solange der content typ text o. text/bild ist)
sobald ich eine seite mit content typ tabelle lade, werden die scrollbalken sofort angezeigt, obwohl es noch nicht unbedingt nötig währe.
wie kann ich das problem lösen oder umgehen?
bin dankbar für jeden tipp.
darmok