Background Problem

Pseudo · #1 (**permalink**) 30.09.2005, 18:13

Hi,

ich hab da ein kleines Problem....

http://pseudo.coolfreepage.com/css.html

id="conbottom" soll immer komplett den Browser ausfüllen, leider wird der Container immer so groß wie der Hintergrund (2000px)...

Hab schon einige Sachen ausprobiert, aber irgendwie keine Lösung!

Hoffe es kann mal jemand helfen.

Danke und Gruß,
Pseudo

fricca · #2 (**permalink**) 30.09.2005, 19:04

Zitat:

Zitat von Pseudo

id="conbottom" soll immer komplett den Browser ausfüllen, leider wird der Container immer so groß wie der Hintergrund (2000px)...

Dein Dokument wird so groß, wie du's angegeben hast:

Zitat:

Code:

#contop {
	height: 214px;
	[...]
}
#conbottom {
	height: 100%;
	[...]
}
#middle {
	[...]
	height: 142px;
[...]
}
}

ergibt: 214px + 100% + 142px

Wenn du möchtest, dass nur 100% übrigbleiben, dann musst du diese Höhe einem Element geben, das alle anderen umschließt.
Bedenke aber, dass dann genau 100% angezeigt werden, aber nicht mehr. Auch dann nicht, wenn der Inhalt mehr Platz bräuchte.
Besser ist min-height (und height per Hack für den IE, weil er min-height nicht versteht, aber dafür height wie min-height interpretiert.)

BTW: warum verwendest du clear, wenn du gar kein float hast?

BTW2: deine anfängliche Aufzählung im CSS lässt sich abkürzen zu: * {[...]}

Grüße
fricca

Pseudo · #3 (**permalink**) 30.09.2005, 20:05

Zitat:

BTW: warum verwendest du clear, wenn du gar kein float hast?

Weil ich es nicht besser wusste... Jetzt aber

Zitat:

BTW2: deine anfängliche Aufzählung im CSS lässt sich abkürzen zu: * {[...]}

* bedeuted wohl für das ganze Dokument oder ? Habs jetzt auch geändert...

Zitat:

Besser ist min-height (und height per Hack für den IE, weil er min-height nicht versteht, aber dafür height wie min-height interpretiert.)

Ist das so korrekt ?

Gruß und Danke,
Pseudo

fricca · #4 (**permalink**) 30.09.2005, 20:34

Zitat:

Zitat von Pseudo

Ist das so korrekt ?

HUCH! Wer reckt mir denn da sein Hinterteil entgegen? Ich hoffe, damit willst du mir nicht was ganz bestimmtes sagen ?

Bis auf das JavaScript vor der Doctype-Angabe sieht das "korrekt" aus. Aber eine 100%-Höhe hast du jetzt nicht?

Ich gehe mal davon aus, das #contop und #conbottom noch mit Inhalt gefüllt werden. Wenn nicht, sind sie überflüssig...

Grüße
fricca

Pseudo · #5 (**permalink**) 30.09.2005, 20:42

Hehe... Neee, es hat absolut keine Bedeutung!

Content etc. kommt noch... Probiere mich nur mal so etwas an div Designs (Hab bisher nur immer Table's genutzt)

100% hab ich jetzt leider nicht ;(

PS: Das JavaScript ist vom dem Free-Hoster... Stört aber nicht weiter um mal Code zu präsentieren!

Pseudo · #6 (**permalink**) 01.10.2005, 15:36

Ich wollte jetzt keinen neuen Thread starten und kurz noch mal hier fragen...

http://pseudo.coolfreepage.com/css.html

Im IE7 und Opera wird es korrekt dargstellt, mit Firefox ist #conbottom aber zu breit!

Kann mir jemand einen Tipp geben ?

fricca · #7 (**permalink**) 01.10.2005, 15:42

Zitat:

Zitat von Pseudo

Im IE7 und Opera wird es korrekt dargstellt, mit Firefox ist #conbottom aber zu breit

Informiere dich über das Box-Model.
Gesamtbreite = width + padding + border + margin
IE und Opera im Quirks-Modus machen das falsch.
Stichwort: box-Model-Bug.

Durch das JavaScript vor der Doctype-Angabe werden die Browser in den Quirks-Modus gesetzt.
Es ist stört also sehr wohl.

Pseudo · #8 (**permalink**) 01.10.2005, 15:50

Vielen Dank...

Hast Recht, auf meinem normalen Webspace passiert es nicht!

Gleich mal den Artikel durchlesen den du gepostet hast

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Responsive webdesign: horizontales Menü mit angepasster Schriftgröße	Spencer	Javascript & Ajax	3	19.09.2012 00:16
Einbindung von frei erhältlichen Scripten - CSS Problem	DonL	CSS	1	22.01.2011 17:09
Probleme mit dem IE (7) - Navigation	wunderkind	CSS	0	21.04.2010 19:06
Untermenü im IE	nici	CSS	10	22.06.2009 22:19
joomla template entschlüsseln	nieselfriem	CSS	2	18.03.2008 14:12