Volledige versie bekijken : Div problemen voor de verandering :P



ultddave
1 June 2009, 13:21
http://didactiek1.edm.uhasselt.be/~dnysten/index.php?page=CV

Ik heb geen idee, waarom die divs altijd moeilijk moeten doen :P. In IE werken ze wel, maar in Firefox niet.

De site moet zeker werken in FireFox heb ik gehoord van de leerkrachten.

Mijn css: http://didactiek1.edm.uhasselt.be/~dnysten/styles.css

Probleem: (Gebeurt in Safari en FireFox)

http://img193.imageshack.us/img193/1859/safari.jpg


De home zijn overflow staat op auto, en die van de "around" ook, en die van het menu. Maar toch blijven het menu en de around div dezelfde grootte bij een overflow :(. Iemand een idee?

Mvg,
Dave

In IE 7 zie je hoe het wel moet. Die geeft geen problemen. Waarschijnlijk hebk ergens een fout gemaakt :P.

Pjj
1 June 2009, 20:27
Developpen in Firefox ;) Dan werkt het in Safari, FF & Chrome en moet je kleine aanpassingen doen voor IE.

Verder heb ik opgemerkt dat je code niet valid is (zowel html als css)

De oplossing voor je probleem:


#copyright {
clear: both;
}
In de css ;)

ultddave
1 June 2009, 21:16
Ok thanks, dan staat de copyright balk er niet achter iig :D.
Maar is het ook mogelijk om het zwarte deel mee te laten "scrollen" bij een overflow?

Ye ik weet het (van die fouten), moet ze eens verbeteren ^^.

Het zwarte deel dat ik er langs wil hebben:
http://img38.imageshack.us/img38/5070/internetexplorer.jpg

In IE staat het erlangs zoals je ziet. In Safari en FireFox bij mij niet :(.

Edit: Heb normaal gezien, alle fouten eruit gehaald :).

Snakey
2 June 2009, 13:58
Heb nu niet naar de code gekeken, maar ik veronderstel dat je menu & je content div in een wrapping-div staat (met je zwarte achtergrond), en onder je wrapper dan je copyrightblock. Als je voor je menu & content floats gebruikt, en je wilt dat de wrapper mee vergroot, dan moet je achter je floating div's (maar nog steeds in die wrapper) nog eens een clear doen via bv:
<div class="clearfix">&nbsp;</div>


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

ultddave
2 June 2009, 15:21
Inderdaad, nu lukt het wel. Thanks :D.

Je moet het maar weten hé :d. Gelukkig hebk de code nu, dan moet ik voor mijn volgend project niet meer zoeken. ;)

Mvg,
Dave

bubsy119
5 June 2009, 09:23
Probeer te ontwikkelen in Opera, dan heb je het meeste kans dat hij in andere browsers ook hetzelfde is . (Safari, Firefox, IE, Chrome, ...)