zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Erste Schritte mit CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.10.2005, 09:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.10.2005
Beiträge: 1
Tortuga S.O.B befindet sich auf einem aufstrebenden Ast
Standard Erste Schritte mit CSS

Ich bin dabei ein Template für ein CMS zu erstellen. Hab einige kleine Probleme mir der Definition der Divs.

"Nav2" ist wie auch "Content" länger als der Body

"Menü" und "Content" sollen die Seite nach unten 100% füllen und vom "Content" Inhalt gegenbenfalls verlängert werden. (Momentan im Firefox zu lang und im IE zu kurz)

Der Filler oben fehlt noch!

http://www.insel-tortuga.de/Template/index.html

template.css

body{
font-family: Arial, sans-serif;
color: #333333;
line-height: normal;
margin: 0px;
padding: 0px;
}




/***********************************************/
/* Layout Divs */
/***********************************************/


#Top1{
background-image: url(images/Top1.jpg);
background-repeat: no-repeat;
padding: 0px;
position: relative;
top: 0px;
height: 90px;
width: 220px;
left: 0px;
}
#Top3 {
color: #cccccc;
background-image: url(images/Top3.jpg);
background-repeat: no-repeat;
height: 90px;
width: 764px;
top: 0px;
position: absolute;
right: 0px;
}

#Nav1 {

color: #cccccc;
background-image: url(images/Nav1.jpg);
background-repeat: no-repeat;
padding: 0px;
position: absolute;
top: 90px;
height: 60px;
width: 220px;
left: 0px;
}
#Nav2 {
color: #cccccc;
background-repeat: repeat-x;
padding: 0px;
position: absolute;
top: 90px;
height: 60px;
left: 220px;
background-color: #000000;
background-image: url(images/Nav2.jpg);
width: 100%;
overflow: hidden;
}
#Menu {
color: #cccccc;
background-repeat: no-repeat;
position: absolute;
top: 150px;
height: 200px;
width: 140px;
left: 0px;
background-image: url(images/Menu.jpg);
}
#Menu2 {
color: #000000;
background-repeat: repeat-y;
position: absolute;
top: 350px;
width: 140px;
left: 0px;
background-image: url(images/Menu2.jpg);
height: auto;
}
#content {
color: #cccccc;
background-repeat: no-repeat;
position: absolute;
top: 150px;
height: 100%;
width: 100%;
left: 140px;
background-color: #000000;
}

Ich hoffe auf etwas Hilfe!

Vielen Dank im Voraus

Tortuga S.O.B
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.10.2005, 10:30
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 Re: Erste Schritte mit CSS

Zitat:
Zitat von Tortuga S.O.B
Hab einige kleine Probleme mir der Definition der Divs.
Dein Hauptproblem ist im Moment die absolute Positionierung. Damit nimmst du die Elemente aus dem Fluss - sie stehen in keinerlei Bezug mehr.
Wirf die abs. Pos. erstmal komplett raus...
Wenn du Elemente nebeneinander setzten willst, gibt es die float-Eigenschaft.

Zitat:
"Menü" und "Content" sollen die Seite nach unten 100% füllen
Such mal nach "faux columns".

Zitat:
und vom "Content" Inhalt gegenbenfalls verlängert werden.
height:100% heißt genau 100% und nicht mehr. Du brauchst min-height.
[der IE macht das falsch - aber der IE versteht height wie min-height]

Eine (min-)height Angabe in Prozent richtet sich immer nach der Höhenangabe des Elternelements.
Es fehlt:
html, body {100%}

Arbeite dich doch mal durch den Workshop und die Beispiele bei css4you.

Grüße
fricca
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
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 17:09
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 03:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:50 Uhr.