1. #1
    Emiel's Avatar
    Registered
    17/07/02
    Location
    Zeebrugge
    Posts
    157
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0

    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...
    PEBBELS.BE
    Niet zomaar een startpagina!
    no votes  

  2. #2
    tikketim's Avatar
    Registered
    22/09/02
    Location
    Olen
    Posts
    2,427
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/6
    ik dacht dat dat wel kon worden opgelost met een javascriptje maar ben niet zeker

    grtz Tim
    no votes  

  3. #3

    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  

  4. #4
    servi's Avatar
    Registered
    01/07/02
    Location
    Zolder
    Posts
    2,487
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)
    als het over heel de pagina moet spreiden dan gebruik ik meestal een tabel omdat dit beter ondersteund wordt.
    no votes  

  5. #5
    Emiel's Avatar
    Registered
    17/07/02
    Location
    Zeebrugge
    Posts
    157
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by DarkBone
    This quote is hidden because you are ignoring this member. Show
    Het makkelijkste is om met een achtergrondafbeelding te werken die zich verticaal herhaalt.
    Heb een bg van 1px op 1px verticaal laten herhalen, maar het resultaat is nog steeds hetzelfde...

    Quote Originally Posted by servi
    This quote is hidden because you are ignoring this member. Show
    als het over heel de pagina moet spreiden dan gebruik ik meestal een tabel omdat dit beter ondersteund wordt.
    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.
    PEBBELS.BE
    Niet zomaar een startpagina!
    no votes  

  6. #6

    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  

  7. #7
    Emiel's Avatar
    Registered
    17/07/02
    Location
    Zeebrugge
    Posts
    157
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by DarkBone
    This quote is hidden because you are ignoring this member. Show
    Je moet de afbeelding wel als achtergrond van je container zetten hé.
    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?
    PEBBELS.BE
    Niet zomaar een startpagina!
    no votes  

  8. #8
    JEy's Avatar
    Registered
    13/03/05
    Posts
    19
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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  

  9. #9

    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  

  10. #10
    Emiel's Avatar
    Registered
    17/07/02
    Location
    Zeebrugge
    Posts
    157
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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)
    PEBBELS.BE
    Niet zomaar een startpagina!
    no votes  

  11. #11
    dJeez's Avatar
    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 alieno
    Pastafarian by choice
    no votes  

  12. #12
    JEy's Avatar
    Registered
    13/03/05
    Posts
    19
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Als ik m'n footer-div buiten de container zet, dan is de weergave perfect in IE, maar niet in FF
    FF en Opera doen perfect wat ze moeten doen, IE doet z'n eigen zin (en toevallig is dat wel hetgeen jij wil ). 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  

  13. #13
    Emiel's Avatar
    Registered
    17/07/02
    Location
    Zeebrugge
    Posts
    157
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Bedankt voor de link dJeez.
    Bedankt JEy, die clear:both kan idd soms voor rare toestanden zorgen :-/
    PEBBELS.BE
    Niet zomaar een startpagina!
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in