zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div Tag rutscht runter

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.05.2007, 11:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.05.2007
Beiträge: 3
master_of_the_desaster befindet sich auf einem aufstrebenden Ast
Standard Div Tag rutscht runter

Hallo
Ich bin daran eine Homepage zu kreiren. Leider funktioniert das mit dem Layout nicht ganz. Ich habe eine CSS-Datei (Inhalt unten), mit der ich das Layout regle.


Mein Problem:

Im IE sieht die Page bei maxiiertem Browser gut aus. Doch sobald ich das Fenster verkleinere Rutscht mir der Content Bereich nach unten. Im Firefox rutsch der Footer hinter den Content Bereicht.

Aufteilung sieht etwa so aus:


Kann mit jemand helfen?

Inhalt der CSS- Datei:

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
body {
background-color: #3333FF;
overflow:scroll
margin: 0;
}
a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
font-size: 14px;

}
a:hover {
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
}
hr {
margin: 5px 0px 5px 0px;
color: #660033;
border: 0;
border-top: 1px solid #660033;
height: 1px;
width: 300px;
}
h1 {
font-size: 18px;
color: #414785;
text-align: left;
margin: 8px 2px 8px 2px;

}
form {
margin: 0;
}
#container
{
background-color: #3333FF;
font-size: 12px;
font-color: #000000;
text-align: left;
width: 100%;
margin: 10px auto;
border: 0px solid #333333;
line-height: 130%;;
}
#top
{

padding: .5em;
background-color: #3333FF;
border-bottom: 0px solid #333333;
padding-bottom: 25px;
padding-left: 25px;
}
#top a
{
color: #000000;
}
#top h1
{
padding: 0;
margin: 0;
}
#leftnav
{
font-size: 14px;
float: left;
width: 160px;
margin: 10px;
margin-top: 3px;
}
#leftnav ul, #leftnav li {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 5px;
}
#leftnav ul ul {
padding-left: 8px;
}
#leftnav a:link, #leftnav a:visited, #leftnav a:active, #leftnav a:hover {
display: block;
padding: 2px;
}

#rightnav
{
width: 140px;
position: static;
float: right;
margin: 0;
padding: 1em;

}
#content
{
margin-left: 200px;
border-left: 0px solid #333333;
margin-right: 100px;
border-right: 0px solid #333333;
padding: 1em;
width: 550px;
background-color: #FFFFFF;
}
#footer
{
position: static;
clear: both;
margin: 0;
padding: .5em;
color: #000000;
background-color: #3333FF;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

.banner a {
color: #FFFFFF;
}

.login_table {
border: 1px solid #D0D0D0;
margin-top: 20px;
margin-bottom: 5px;
text-align: center;
padding-bottom: 3px;
}
.login_table h1 {
color: #660033;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
.login_table input {
text-transform: uppercase;
font-size: 10px;
width: 100px;
}


Geändert von master_of_the_desaster (28.05.2007 um 12:56 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.05.2007, 21:58
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Online Beispiel?
Code der HTML Datei?

Kannst du die Datei mal benennen wie in der Grafik?
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ

Geändert von Crizzo (28.05.2007 um 22:03 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.05.2007, 22:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.05.2007
Beiträge: 3
master_of_the_desaster befindet sich auf einem aufstrebenden Ast
Standard

man kann unter SYC - Salensteiner Yacht-Club - Home das Beispiel ansehen.
Mit Zitat antworten
  #4 (permalink)  
Alt 29.05.2007, 11:46
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Naja die Lösung ist recht einfach, du lässt die Elemente "floaten" und sie haben eine fixe Breite. Nun wird das Fenster kleiner und die Elemente haben neben einander keinen Platz mehr und weichen nach unten aus.

Aber zuerst solltest du deine Fehler beheben:
Result for http://www.syc.ch/cms/ - W3C Markup Validator

Und schmeiß alle, nicht für den Inhalt relevanten Tags, aus der HTML Datei und definiere das per CSS Datei.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #5 (permalink)  
Alt 09.06.2007, 14:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.05.2007
Beiträge: 3
master_of_the_desaster befindet sich auf einem aufstrebenden Ast
Standard

So nach längerer Pause bin ich wieder da.

Zitat:
Und schmeiß alle, nicht für den Inhalt relevanten Tags, aus der HTML Datei und definiere das per CSS Datei.
Das würde nichts nützen, da es danach nur Probleme mit dem Content Management System gäbe.
Zitat:
Aber zuerst solltest du deine Fehler beheben:
Result for SYC - Salensteiner Yacht-Club - Home - W3C Markup Validator
Hab ich gemacht
Zitat:
Naja die Lösung ist recht einfach, du lässt die Elemente "floaten" und sie haben eine fixe Breite. Nun wird das Fenster kleiner und die Elemente haben neben einander keinen Platz mehr und weichen nach unten aus.
Hab ich auch schon festgestellt aber mir will einfach keine Lösung einfallen.
Mit Zitat antworten
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
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:40 Uhr.