zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden height: 100%;

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.10.2005, 13:34
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard 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>
GN
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.10.2005, 10:18
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

das hat nichts mit auslesen der Bildschirmeinstellung zu tun. Suche mal nach 100% Höhe in diesem Forum und Du wirst viele Beispiele finden.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.10.2005, 15:59
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 16.10.2005, 02:22
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

hat keiner eine Erklärung?

GN
Mit Zitat antworten
  #5 (permalink)  
Alt 16.10.2005, 12:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von GN
lieder klappt das so auch nicht.
Wie? Was hast du geändert, was entspricht nicht deinen Erwartungen?

Zitat:
Die linke und rechte Box zeigt er im FF auch etwas merkwürdig an.
Definiere "merkwürdig".

Wenn du durchgehende Hintergrundbilder haben willst dann informiere dich über "faux columns".

Grüße
fricca
Mit Zitat antworten
  #6 (permalink)  
Alt 17.10.2005, 01:54
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #7 (permalink)  
Alt 17.10.2005, 08:51
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von GN
ich habe was height: 100% angeht, bei html { height: 100%; } und bei div#sidebar_r { height: 100%; } hinzugefügt.
height in % bezieht sich immer auf den height-Wert des Elternelements. Wenn dort keine height steht, kommt "auto" raus.

Zitat:
"faux columns" bezieht sich ja auf 2 Spalten
Nein. Es handelt sich um ein Prinzip, das für jede beliebige Anzahl von Spalten anwendbar ist.

Zitat:
Und merkwürdig ist auch, das in den Menüs die Positionierung der Navigation ( Listen) über dem Rand sind.
Es ist nicht merkwürdig.
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.
Mit Zitat antworten
  #8 (permalink)  
Alt 18.10.2005, 23:24
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

Hallo fricca,

wo muss ich denn das angeben? Ich dachte html {} ist das Elternelement!

GN
Mit Zitat antworten
  #9 (permalink)  
Alt 18.10.2005, 23:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von GN
html {} ist das Elternelement
... von body.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 18.10.2005, 23:48
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

wenn ich aber height: 100%; in body {} einfüge macht er es auch nicht.

GN
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:56 Uhr.