DIV valt buiten beeld met CSS

[Matthijs1982]

ik heb onderstaande CSS. Dit werkt goed in Firefox. Met Firefox krijg ik een scrollbalk. Met IE valt de DIV vacatures half buiten beeld.
Is het zo op te lossen dat IE ook een scrollbalk geeft zodat de DIV vacatures altijd helemaal in beeld is? Doordat er geen scrollbalk is in IE zie ik de DIV vacatures maar voor de helft.

Wanneer ik position: relative; op absolute zet, verspringt de DIV naar links.

Wie kan me helpen?

Cascading Stylesheet:

body { 
    background-attachment: fixed; 
    background-image: url("../afbeeldingen/bglogo.gif"); 
    background-repeat: no-repeat; 
    background-position: left bottom; 
    margin: 0px; 
    padding: 0px; 
    overflow: auto; 
} 

#vacatures{ 
    width: 293px; 
    height: 301px; 
    float: right; 
    margin-right: 0; 
    top: 316px; 
    position: relative; 
    background-image: url("../afbeeldingen/vacatures-trans.png"); 
    background-repeat: no-repeat; 
    background-position: left top; 
}

[ Voor 3% gewijzigd door André op 17-05-2006 13:16 . Reden: code blokken toegevoegd ]

[CH4OS]

Haal uit je CSS bij #vacatures

Cascading Stylesheet:

margin-right: 0; 

Moet voldoende zijn lijkt me?
Heb je overigens ook een voorbeeldje online staan ergens? Dat bekijkt wat makkelijker en geeft ook een duidelijker beeld van jouw probleem...

[ Voor 68% gewijzigd door CH4OS op 17-05-2006 13:31 ]

[Verwijderd]

GJ-tje schreef op woensdag 17 mei 2006 @ 13:16:
Haal uit je CSS bij #vacatures

Cascading Stylesheet:

margin-right: 0; 

Moet voldoende zijn lijkt me?

Zou dat iets uitmaken? Een div heeft standaard geen margins, dus dit zou met of zonder geen verschil maken lijkt me.

[CH4OS]

Verwijderd schreef op woensdag 17 mei 2006 @ 14:07:
Zou dat iets uitmaken? Een div heeft standaard geen margins, dus dit zou met of zonder geen verschil maken lijkt me.

Ik weet niet of het uit zou maken, lijkt me wel, want het is de marge aan de buitenkant van die div, terwijl je dus in feite wil hebben dat die div rechts komt te staan, dan is een float al voldoende...

En anders kan je het allicht proberen toch? Weet ik ook gelijk dat dat niet werkt...

[ Voor 10% gewijzigd door CH4OS op 17-05-2006 14:28 ]

[El_BingO]

Probeer eens

Cascading Stylesheet:

top: 316px; 

te veranderen naar:

Cascading Stylesheet:

margin-top: 316px; 

bij je #vacatures.

top is een attribute dat mijns inziens alleen gebruikt moet worden bij position:absolute. Wil je gebruik maken van relative en floats, dan moet je denk ik margins gebruiken om te positioneren.

[Matthijs1982]

Als ik top verander in margin-top krijg ik inderdaad een scrollbalk. Alleen als ik de resolutie kleiner maak schuift de DIV ook verder naar beneden. Het ontwerp valt dan uit elkaar. Dit is een ander probleem. Bij een resolutie van 800x600 valt de DIV #vacatures naar beneden.

[ Voor 21% gewijzigd door Matthijs1982 op 17-05-2006 17:40 ]

[Verwijderd]

position: absolute

probeer eens voor beiden
en dan positioneren met top en left evt right
grootte bepalen met width en height

niet met margins prutsen

[ Voor 66% gewijzigd door Verwijderd op 17-05-2006 19:13 ]

[crisp]

Verwijderd schreef op woensdag 17 mei 2006 @ 19:11:
position: absolute

probeer eens voor beiden
en dan positioneren met top en left evt right
grootte bepalen met width en height

niet met margins prutsen

au contraire, ga niet absoluut positioneren en daarmee elementen helemaal uit de flow halen als dat niet noodzakelijk is.
Het 'naar beneden springen' van floats is te voorkomen door te zorgen dat het omvattende element altijd breed genoeg is; dat kan je doen door daar een (min-)width voor te specificeren.