|
|||
brauche hilfe bei div (css)
Hallo,
ich habe ein div (#content), das soll in einem anderen div(#main) plaziert werden, und zwar wie folgt: Code:
#main { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; border: 1px none #000000; } #content { position : absolute; height : auto; width : auto; top : 100px; left : 140px; bottom:30px; overflow:auto; padding:5px; } Nun habe ich im IE und im FF jeweils verschiedene Darstellungsweisen des divs, und keine davon ist so, wie ich es gern hätte: Der IE ignoriert das bottom- Attribut und dehnt das div bis max aus. Dadurch hat zwar das Browserfenster einen Scrollbalken, aber das div nicht. Der FF ermittelt zwar die Höhe und beendet das div vor der Browserfenster-Unterkante, aber dafür habe ich auch einen horizontalen Scrollbalken, der eigentlich nicht gebraucht wird (Fließtext). Den Thread mit dem Boxmodell habe ich durchgelesen, aber irgendwie bin ich daraus nicht schlau geworden. Danke |
Sponsored Links |
|
|||
Hi,
selbst wenn du für den body "margin" und "padding" auf "0" gesetzt hast, ist deine "main-box" noch 2px zu breit, durch die "border". Deswegen entsteht im Firefox ganz richtig ein vertikaler Srollbalken. An dem, von dir beschriebenen, Verhalten des IE wirst du nichts ändern können, der Browser ist eben einfach kaputt. Vaeth |
Sponsored Links |
|
|||
Aber auch wenn ich "main" auf border:0px setze, bleibt das Problem im FF:
der Scrollbalken erscheint ja nicht am Rand des Browserfensters, sondern am div #content. Vertikaler Balken ist ja noch nachzuvollziehen, aber horizontaler Balken ist mE unnötig. ich krieg ihn aber nicht weg |
|
|||
Re: brauche hilfe bei div (css)
hallo, zu allererst wäre es bei sowas immer hilfreich, wenn du ein onlinebeispiel vorlegen kannst, da kann man sich ein besseres Bild machen..zu deinem code:
Zitat:
Zitat:
|
|
|||
Hallo,
das Onlinebeispiel (wie es zur Zeit aussieht): HIER Nachdem ich mir das CSS heute morgen nochmal durchgekaut habe, gehts mit FF (war wohl gestern schon zu spät ) IE >ohne Chance. Den Abstand vom unteren Rand bräuchte ich eigentlich, um eine Fußzeile dort zu plazieren, die auch ohne scrolling sichtbar ist. Aber ich kanns drehen, wie ich will, ich kriegs einfach nicht hin: Entweder die Fußzeile klebt am oberen Rand oder ich seh sie überhapt nicht. |
|
|||
ich verstehe nicht, warum Du absolute Positionierung benutzt, das geht auch alles ohne, alleine durch float.
der CSS Code dazu ganz grob hier, Anpassungen müssen natürlich noch sein, aber der Footer ist unten und nicht mehr oben: Code:
body {margin:0;padding:0;} a:hover {color : #cc3300;text-decoration : underline overline;} a:link {color : #666666; text-decoration : underline;} a:active { color : #666666; text-decoration : underline;} a:visited { color : #666666;} #main { width:100%; height:100%; border: 0px none #000000; } #headline{ width:99%; height:90px; border: 1px none #000000; background-image : url(../images/default/hg_headline_main.gif); background-repeat : repeat-x; background-position : 0% 0%; } #logo{ width:99%; height:90px; border: 1px none #000000; text-align:right; } #buttons{ width:99%; height:90px; border: 0px none #000000; text-align:right; } #menue { width : 125px; height : auto; float : left; } #content { height : auto; width: 80%; overflow:auto; bottom:30px; right: 5px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : normal; color : #666666; float:left; } #footer{ clear: both; background-color: #ccc; height: 50px; width: 100%; } .menue li { margin : 0; padding : 0; } .menue ul { list-style : none; margin : 0; padding : 0; } .menue li img { vertical-align : bottom; border : medium none #FFFFFF; border-style : solid; border-top-width : 0px; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; } .buttons img { vertical-align : bottom; border : medium none #FFFFFF; border-style : solid; border-top-width : 0px; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; } Hier Beispiele für fixe footer und Header: http://annevankesteren.nl/archives/2...ed-positioning |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS - CMS - lange Menus Balken/BG oben? | shinobi | CSS | 3 | 13.10.2011 22:12 |
CSS verständniss Problem - Brauche Hilfe :) | homeedition | CSS | 3 | 07.12.2008 20:04 |
Problem mit CSS in Joomla 1.5 | noobilicius | CSS | 6 | 25.09.2008 21:24 |
Ausrichtung, Aufteilung, CSS - Brauche Hilfe | daFish | CSS | 0 | 05.04.2006 13:12 |
Probleme mit css positionierung brauche hilfe ! ebay seite ! | beavis-2005 | CSS | 1 | 23.11.2005 16:29 |