Thread: CSS: Div (min)-height & border
-
06-04-2005, 11:39 #1
CSS: Div (min)-height & border
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...no votes
-
-
06-04-2005, 13:06 #2
ik dacht dat dat wel kon worden opgelost met een javascriptje maar ben niet zeker
grtz Timno votes
-
06-04-2005, 13:33 #3Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Het makkelijkste is om met een achtergrondafbeelding te werken die zich verticaal herhaalt.
no votes
-
06-04-2005, 15:21 #4
als het over heel de pagina moet spreiden dan gebruik ik meestal een tabel omdat dit beter ondersteund wordt.
no votes
-
06-04-2005, 17:15 #5
Heb een bg van 1px op 1px verticaal laten herhalen, maar het resultaat is nog steeds hetzelfde...
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
)
Last edited by Emiel; 06-04-2005 at 17:38.
no votes
-
06-04-2005, 17:25 #6Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Je moet de afbeelding wel als achtergrond van je container zetten hé.
no votes
-
06-04-2005, 18:00 #7
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?no votes
-
06-04-2005, 18:26 #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.
no votes
-
06-04-2005, 20:06 #9Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Dat bedoel ik inderdaad, da's de meest toegepaste techniek om dit probleem op te lossen, en meteen ook de makkelijkste.
no votes
-
06-04-2005, 21:02 #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)
no votes
-
06-04-2005, 21:46 #11Member
- Registered
- 17/07/02
- Location
- Sol System
- Posts
- 10,064
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 27/78
Misschien helpt dit artikel je om het dan wat correcter toe te passen : http://www.alistapart.com/articles/fauxcolumns/
PSN: dJeezBE - Delicious bookmarks
Disclaimer: I am currently suffering from severe CSD (Compulsive Sarcasm Disorder). - L'onion fait la farce - Facile largire de alienoPastafarian by choiceno votes
-
06-04-2005, 22:12 #12FF en Opera doen perfect wat ze moeten doen, IE doet z'n eigen zin (en toevallig is dat wel hetgeen jij wilAls ik m'n footer-div buiten de container zet, dan is de weergave perfect in IE, maar niet in FF
). 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.no votes
-
06-04-2005, 22:27 #13
Bedankt voor de link dJeez.
Bedankt JEy, die clear:both kan idd soms voor rare toestanden zorgen :-/no votes
