div passt sich nicht der Größe an
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angabe
anpassung
anschauen
auto
code
datei
definition
display
eigenschaft
header
helfen
http
inhalt
navigation
plazierung
position
problem
schnauze
treten
url
-
Hi, Community!
Ich hab ein wahrscheinlich kleines HTML und CSS-Problem, was ich aber leider nicht alleine lösen kann.
Der div #content passt sich nur dem div #chat an, nicht aber den divs #left und #cont.
€dit: Hier der Link zur Seite:
http://www.browsergame-game.de/test/
Hier ein Screenshot:
http://www.abload.de/img/bildschirmfoto-72n6jd.png
und hier die Dateien:
HTML-Code
style_global.css
style_ingame.css
LG cookies
Beitrag zuletzt geändert: 21.3.2010 15:28:14 von cookies -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hallo,
das Problem liegt an:
div#cont {
width: 590px;
margin-right: 5px;
margin-left: 10px;
text-align: center;
overflow: auto;
float: left;
}
Sobald man das entfernt passt sicher der Bereich wieder an.
Nur für das Ding rechts musst du eine andere bzw. neue Lösung suchen
Gruß
illuxio -
illuxio schrieb: Hallo,
das Problem liegt an:
div#cont {
width: 590px;
margin-right: 5px;
margin-left: 10px;
text-align: center;
overflow: auto;
float: left;
}
Sobald man das entfernt passt sicher der Bereich wieder an.
Nur für das Ding rechts musst du eine andere bzw. neue Lösung suchen
Gruß
illuxio
OK, das geht schon mal.
Hat jemand vielleicht noch eine Idee, wie ich den div #chat wieder neben #cont kriegen kann? Oder eine andere Lösung, bei der das nicht passiert?
Und außerdem passt sich es dem div #left immer noch nicht an, siehe Screenshot:
http://www.abload.de/img/bildschirmfoto-73m7b9.png
LG cookies
Beitrag zuletzt geändert: 20.3.2010 20:47:31 von cookies -
illuxio schrieb:
Ist das Design, denn schon online, damit ich mir es da mal anschauen kann, denn die 3 Dateien sind sehr spartanisch.
Wenn ja würde ich es mir anschauen und dir ein paar Vorschläge machen und das würde den Anderen auch sicher helfen, dir zu helfen :D
Gruß
illuxio
Ne, das ist leider nur auf meinem Computer.
LG cookies -
Da du die ganzen Sachen in einer Reihe haben willst, würde ich statt mit float mit display arbeiten.
http://www.css4you.de/display.htmldisplay: inline-block;
Leider kann ich dir so nur sporalisch helfen.
Gruß
illuxio
EDIT: Dies kann dir helfen http://www.tjkdesign.com/articles/float-less_css_layouts.asp
Beitrag zuletzt geändert: 20.3.2010 21:29:09 von illuxio -
Das bringt leider auch nichts.
Ich habs aber mal hochgeladen: http://www.browsergame-game.de/test/
LG cookies -
Ich frage mich gerade wieso das Nichtanpassen mit dem Floatbefehl zutun haben soll. Normalerweise wird eine Anpassung doch mit overflow bestimmt. overflow:hidden verbietet ein überfließen, der Inhalt eines Divs kann per Scrollbar erreicht werden, sprengt er das Div. Soll sich das Div mit dem Inhalt verändern, lässt man die Overflowdefiniton einfach weg - zumindest mache ich das so.
Mit der Angabe "auto" bin ich bisher oft auf die Schnauze geflogen. Entweder wird sie nicht als solche erkannt oder es treten unerwünschte Nebeneffekte auf.
Zum Float und Clear. Lässt du etwas fließen, musst du es später clearen. Vielleicht liegt hier ein Problem.
Generell gebe ich allen Divs, die keine besondere Funktion haben (wie eben z.B. das Float) die Eigenschaft position:inline; Genauer haben diese Definition bei mir normalerweise Header und Content. Je nach Platzierung auch die Navigation. Der Footer cleared - wenn nötig.
Im Grunde funktioniert das ganz gut, nur der IE 6 spinnt etwas.
Ich habe vor einiger Zeit mal ein tolles Tutorial für ein einfaches CSSlayout gefunden. Vielleicht hilft dir das weiter. Auch hinsichtlich der Kompatibilitäten gibt es Ratschläge. -
createtheweb schrieb:
Ich frage mich gerade wieso das Nichtanpassen mit dem Floatbefehl zutun haben soll. Normalerweise wird eine Anpassung doch mit overflow bestimmt. overflow:hidden verbietet ein überfließen, der Inhalt eines Divs kann per Scrollbar erreicht werden, sprengt er das Div. Soll sich das Div mit dem Inhalt verändern, lässt man die Overflowdefiniton einfach weg - zumindest mache ich das so.
Mit der Angabe "auto" bin ich bisher oft auf die Schnauze geflogen. Entweder wird sie nicht als solche erkannt oder es treten unerwünschte Nebeneffekte auf.
Zum Float und Clear. Lässt du etwas fließen, musst du es später clearen. Vielleicht liegt hier ein Problem.
Generell gebe ich allen Divs, die keine besondere Funktion haben (wie eben z.B. das Float) die Eigenschaft position:inline; Genauer haben diese Definition bei mir normalerweise Header und Content. Je nach Platzierung auch die Navigation. Der Footer cleared - wenn nötig.
Im Grunde funktioniert das ganz gut, nur der IE 6 spinnt etwas.
Ich habe vor einiger Zeit mal ein tolles Tutorial für ein einfaches CSSlayout gefunden. Vielleicht hilft dir das weiter. Auch hinsichtlich der Kompatibilitäten gibt es Ratschläge.
Danke, das clear hat gefehlt!
Für alle die es interessiert:
Ich hab einfach für #footer clear: left hinzugefügt und nach dem div #chat noch einen leeren div ebenfalls mit clear: left gemacht.
LG cookies
Und nochmal ein großes Danke an dich, du hast mir sehr geholfen!
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
