Re: [css-d] container div doesn't grow to hold images
Ivar van Duuren wrote: Hi there, I have a problem with a page of a personal page. The url is this: http://www.gritter.org/trouwen/pics.html As you'll see, the pictures are not contained by their parent div. To me it looks like they float but in the css they're not defined as floating... Could anyone tell us what the problem could be? Thanks! Ivar ** Took a while for me to see where the float for the images is defined. Then, Webkit's Web Inspector said it's the img[align=left] attribute that makes the float, a browser default. Interesting, because Fx Dom Inspector gives no clue where it is defined, just states in computed styles that it is a float, if I am not overlooking something. And Opera8 and 9 align these images horizontally. Is this correct? Maybe the align=left should be deleted. Anyway, the reason for joining this thread is: Congratulations, Ivar! Best wishes! Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] container div doesn't grow to hold images
Ingo Chao wrote: [...] And Opera8 and 9 align these images horizontally. Is this correct? Maybe the align=left should be deleted. Anyway, the reason for joining this thread is: Congratulations, Ivar! Best wishes! Ingo Hi Ivar, Deleting the align=left in the html helps. But it is not the only thing. The html-validator is protesting at some points too, and regular browsers (the not IE) don't extend the wrapper around the images. Solution can be a clearing div at the end of the wrapper, combined with a faux column background image to get the color in the whole left column. - I can imagine you want to show the photo's as soon as possible to family and friends (Felicitations to your both! :-) ), so I made a quick model with the most important things. Here is a testpage http://home.tiscali.nl/developerscorner/css-discuss/test-ivar.htm! This moment I don't have the time to explain, but some comments are in the source code. Cheers! (zo'n relaxed glaasje wijn ziet er goed uit ;-) ) francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] container div doesn't grow to hold images
Hi there, I have a problem with a page of a personal page. The url is this: http://www.gritter.org/trouwen/pics.html As you'll see, the pictures are not contained by their parent div. To me it looks like they float but in the css they're not defined as floating... Could anyone tell us what the problem could be? Thanks! Ivar ** __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] container div doesn't grow to hold images
- Original Message From: Ivar van Duuren [EMAIL PROTECTED] I have a problem with a page of a personal page. The url is this: http://www.gritter.org/trouwen/pics.html As you'll see, the pictures are not contained by their parent div. To me it looks like they float but in the css they're not defined as floating... - Hi Ivar, You've got markup errors on this page. See http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gritter.org%2Ftrouwen%2Fpics.html /br / should be br / See if fixing those helps... Looks like it was a nice wedding. Congratulations! -Ann __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] container div doesn't grow to hold images
Do this: Add overflow: hidden and margin-left: 0 to your #right div. -- Yehuda Katz On 7/16/06, Ann Adamcik [EMAIL PROTECTED] wrote: - Original Message From: Ivar van Duuren [EMAIL PROTECTED] I have a problem with a page of a personal page. The url is this: http://www.gritter.org/trouwen/pics.html As you'll see, the pictures are not contained by their parent div. To me it looks like they float but in the css they're not defined as floating... - Hi Ivar, You've got markup errors on this page. See http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gritter.org%2Ftrouwen%2Fpics.html /br / should be br / See if fixing those helps... Looks like it was a nice wedding. Congratulations! -Ann __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Yehuda Katz Web Developer (ph) 718.877.1325 (fax) 718.686.4288 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/