|
|||
height: 100%;
Hallo,
wie bekomme ich es hin, das ich im rechten Menü einen Hintergrund über 100% bekomme? Wenn, also in der Content-Box 220 Zeilen Text stehen, soll er mir im rechten Menü eine Hintergrundgrafik über diese Höhe anzeigen. Wie kann ich den Browser des Users abfragen, ob seine Bildschrimauflösung größer ist als 1024 x 768, wenn es so ist soll ein max-width: 756px; in div#wrapper setzten? Code:
<style type="text/css" media="screen"> /*<![CDATA[*/ @charset "utf-8"; * { margin: 0; padding: 0; } html, body { font: normal x-small/1.5em Verdana, Arial, Helvetica, sans-serif; background: #fff url(background.gif) repeat left top; color:#555; text-align: center; margin: 10px 5% 10px 5%; padding: 0; voice-family: "\"}\""; voice-family: inherit; font-size: small; } html>body { font-size: small; } div#wrapper { text-align: left; margin: 0; padding: 0; background: #fff; border-top: 2px #68a solid; border-bottom: 2px #68a solid; -moz-border-radius: 8px !important; } div#header { width: auto; margin: .5em; background: #f0f8ff url(dotted.gif) repeat-x bottom; } #logo { padding: .5em .5em; } #navigation { float: left; } /* leftmenu */ div#sidebar_l { float: left; width: 180px; \width: 200px; w\idth: 180px; margin-right: 0; padding: 10px; } /* rightmenu */ div#sidebar_r { float: right; width: 180px; \width: 200px; w\idth: 180px; margin-left: 0; padding: 10px; height: 100%; background: #fff url(bg.gif) repeat left top; } div#content { position: relative; padding: 10px; margin-left: 200px; margin-right: 200px; } div#footer { clear: both; margin: .5em; padding: .3em; color: #68a; font-style: italic; background-color: #f0f8ff; text-align: center; } img { border: none; } form { display: block; margin: 0 0 1em 0; } /*]]>*/ </style> <body> <div id="wrapper"> <div id="header"> <div id="logo">[img]logo.gif[/img]</div> </div> <div id="sidebar_l"> <h4>Leftmenu...</h4> </div> <div id="sidebar_r"> <h4>Rightmenu...</h4> </div> <div id="content"> Content... </div> <div id="footer">footer</div> </div> </body> |
Sponsored Links |
|
|||
das hat nichts mit auslesen der Bildschirmeinstellung zu tun. Suche mal nach 100% Höhe in diesem Forum und Du wirst viele Beispiele finden.
|
Sponsored Links |
|
|||
Hallo,
lieder klappt das so auch nicht. Habe die Sache mal online gestellt http://www.xlabs.de/test/. Die linke und rechte Box zeigt er im FF auch etwas merkwürdig an. GN |
|
|||
Zitat:
Zitat:
Wenn du durchgehende Hintergrundbilder haben willst dann informiere dich über "faux columns". Grüße fricca |
|
|||
Hallo,
ich habe was height: 100% angeht, bei html { height: 100%; } und bei div#sidebar_r { height: 100%; } hinzugefügt. "faux columns" bezieht sich ja auf 2 Spalten, aber ich habe ein 3 Spalten Layout. Und merkwürdig ist auch, das in den Menüs die Positionierung der Navigation ( Listen) über dem Rand sind. Das CSS steht mit in der Datei auf der Website. GN |
|
|||
Zitat:
Zitat:
Zitat:
Du hast alle Randabstände auf Null. Wenn du für Listen wieder Ränder haben willst oder die Aufzählungspunkte innerhalb des Listeninhalts, dann gib es im CSS an. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 16:43 |
CSS von Plugin beisst! | expand | CSS | 0 | 28.09.2012 18:44 |
Div Positionen in Firefox falsch | ozero | CSS | 4 | 17.07.2009 23:35 |
prblemme mit mein inhalt div | carlos587261 | CSS | 3 | 23.04.2008 15:07 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |