[CSS] 2 Boxen Höhe

[SliderMKH6]

Hallo,

Bei meiner Seite wird eine Box komisch dargestellt wenn die linke Box höher ist siehe hier: http://ot-slider.no-ip.com/

Wie kann man das beheben? Das rote muss weg! Wieso kommt das dahin? Ich weiß nicht wie man das beheben soll.

EDIT

im IE7 Rot bei der Navi unten
im FF sonstige bei der Navi unten bitte schauen da fehlt der Rand!

[pekka]

Welches Rote?
Liefer erstmal eine ordentliche Fehlerbeschreibung.

[SliderMKH6]

im IE7 Rot bei der Navi unten
im FF sonstige bei der Navi unten bitte schauen da fehlt der Rand!

[pekka]

Korrigiert mich wenn ich falsch liege, aber 100% Höhe in verschachtelten Elementen geht meines Wissens mit CSS nicht. Nur mit Tabellen.

Du könntest tricksen, indem Du das Hintergrundbild (den Rand) dem gesamten Bereich zuordnest und dann mit

background-repeat: repeat-x

dafür sorgst, daß es nur links bis runter geht.

[SliderMKH6]

ja danke schau hier: http://ot-slider.no-ip.com/index.php?site=index

ABER background-repeat: repeat-y nicht x :P

STOP FUNKTIONIERT NUR IM IE ABER im Firefox nicht! Was nun?

[pekka]

Ich werd aus deiner Seitenstruktur nicht richtig klar.
Beim Firefox brauchts manchmal ein overflow: auto, damit eine Box sich mit dem Inhalt vergrößert.
Mehr weiß ich auch nicht dazu

OffTopic:

---

Und es heißt safe & fast!

---

[dani_o]

beim FF bezieht sich die Höhe (100%) auf den Teil, den du von 0 bis fenster-unterkante (ohne scrollen siehst)!

Bedeutet: wenn du volle höhe im FF haben möchtest musst du tricksen. Einfaches beispiel:


body = erhält ein hintergrundbild zentriert.
oberer abstand = div mit hintergrundfarbe breite 100%
unterer abstand= div mit hintergrundfarbe breite 100%

fertig iss das getrickse
schon hast du ein hintergrund der NICHT aufhört. vor dem oberen und nach dem unteren div darfsu nur kein margin haben. funzt in allen browsern soweit ich weiß ...

OffTopic:

---

manchmal muss mann bescheißen *sfg*

---

[Blackgreetz]

Warum nicht dem Div, der sowieso meist um den content ist, ein bg-image zu geben und repeat-y?

mfg
Edit: @Kropff: Bei dir auf der Seite fehlt ein Artikel zum Thema Faux-Colums

[Kropff]

Original geschrieben von Blackgreetz
Warum nicht dem Div, der sowieso meist um den content ist, ein bg-image zu geben und repeat-y?

mfg

wenn du das "haupt"-div meinst, das alles umschließt, so geht das auch. ist aber der selbe trick. nur ein wenig einfacher, wegen der positionierung.

peter

[Blackgreetz]

Ebene weil es einfacher ist und er es schon beim Menü angewendet hat ^^
Zudem ist es kein unnötiger Code -> 2x div

Edit: @Kropff: Bei dir auf der Seite fehlt ein Artikel zum Thema Faux-Colums

[Kropff]

Original geschrieben von Blackgreetz
Bei dir auf der Seite fehlt ein Artikel zum Thema Faux-Colums

OffTopic:

---

ach, irgendwann mal. wenn ich zeit und lust habe.

---

peter

[SliderMKH6]

body = erhält ein hintergrundbild zentriert.
Das klappt gut nur leider beim Browser Fenster kleiner machen stimmt der Abstand nicht mehr sowie beim Firefox stimmt es immer nicht auf 2-4px

"haupt"-div
umschließt die navi+inhalt und da hab ich den background rein gebracht ... funktioniert auch im IE aber nicht in anderen Browsern

Weiss noch einer Rat ansonsten Werd ich jetzt komplett umdesignen!

Homepage updated!

[Kropff]

guckst du hier

peter

[SliderMKH6]

Danke für eure Antworten wir haben es endlich gelöst. Ich weiss ncith woran es genau leigt aber es funktioniert jetzt vielleicht hat auch ne hintergrundfarbe gefällt aber jetzt scheint er den rest anzuzeigen. Danke allen!

Closed.