Archief - CSS: Div (min)-height & border

E

Emiel

Legacy Member

• 6 apr 2005

• #1

Heb een 'layout' gemaakt voor een project voor 't school, nl. http://users.pandora.be/emieljos/ti/layout.htm
& css:
http://users.pandora.be/emieljos/ti/style.css

Zoals je ziet, loopt die border niet tot beneden...wat dus wel de bedoeling is.
Als ik min-height op 100% zet bij #content, dan blijft dat nog steeds hetzelfde.
Iemand een oplossing die zowel werkt in IE als FF?

Commentaar of andere foutjes zijn eveneens welkom...

t

tikketim

Legacy Member

• 6 apr 2005

• #2

ik dacht dat dat wel kon worden opgelost met een javascriptje maar ben niet zeker

grtz Tim

D

DarkBone

Legacy Member

• 6 apr 2005

• #3

Het makkelijkste is om met een achtergrondafbeelding te werken die zich verticaal herhaalt.

s

servi

Legacy Member

• 6 apr 2005

• #4

als het over heel de pagina moet spreiden dan gebruik ik meestal een tabel omdat dit beter ondersteund wordt.

E

Emiel

Legacy Member

• 6 apr 2005

• #5

DarkBone zei:

Het makkelijkste is om met een achtergrondafbeelding te werken die zich verticaal herhaalt.

Klik om te vergroten...

Heb een bg van 1px op 1px verticaal laten herhalen, maar het resultaat is nog steeds hetzelfde...

servi zei:

als het over heel de pagina moet spreiden dan gebruik ik meestal een tabel omdat dit beter ondersteund wordt.

Klik om te vergroten...

Tables is idd de gemakzuchtige oplossing, maar toch zou ik het liever bij divs houden (ook al omdat ik m'n collega wou bewijzen dat div's veel netter zijn )

D

DarkBone

Legacy Member

• 6 apr 2005

• #6

Je moet de afbeelding wel als achtergrond van je container zetten hé.

E

Emiel

Legacy Member

• 6 apr 2005

• #7

DarkBone zei:

Je moet de afbeelding wel als achtergrond van je container zetten hé.

Klik om te vergroten...

Nog steeds niks, zie:
http://users.pandora.be/emieljos/ti/layout.htm (heb de bg een oranje kleur gegeven)
Of zie ik ergens nog iets over het hoofd?

J

JEy

Legacy Member

• 6 apr 2005

• #8

DarkBone bedoelt een afbeelding die (naast wat witruimte of transparantie) je border-lijntje bevat. Plaats die als vertikaal herhalende bg van je container en je "achtergrondlijntje" loopt altijd netjes tot beneden.

D

DarkBone

Legacy Member

• 6 apr 2005

• #9

Dat bedoel ik inderdaad, da's de meest toegepaste techniek om dit probleem op te lossen, en meteen ook de makkelijkste.

E

Emiel

Legacy Member

• 6 apr 2005

• #10

Ok, heb dus gedaan zoals JEy zei. Maar toen liep dat streepje door m'n footer en dat vind ik niet zo proper. Als ik m'n footer-div buiten de container zet, dan is de weergave perfect in IE, maar niet in FF (zie URL)

d

dJeez

Legacy Member

• 6 apr 2005

• #11

Misschien helpt dit artikel je om het dan wat correcter toe te passen : http://www.alistapart.com/articles/fauxcolumns/

J

JEy

Legacy Member

• 6 apr 2005

• #12

Als ik m'n footer-div buiten de container zet, dan is de weergave perfect in IE, maar niet in FF

Klik om te vergroten...

FF en Opera doen perfect wat ze moeten doen, IE doet z'n eigen zin (en toevallig is dat wel hetgeen jij wil :doh: ). Door je footer-div buiten je container te gooien, heb je ook je "clear:both" er buiten gegooid... en dan gebeuren rare dingen...

Dus... Binnen je container, helemaal onderaan, iets als <p style="clear: both"> ofzo, en je probleem is opgelost. En die clear:both van je footer is nu dus overbodig geworden.

E

Emiel

Legacy Member

• 6 apr 2005

• #13

Bedankt voor de link dJeez.
Bedankt JEy, die clear:both kan idd soms voor rare toestanden zorgen :-/