Richard Brown wrote:
>Hi
>
>I am using <div style="clear:both;"> to clear floats. But in my design
>the div adds a space between the other divs which is frustrating. The
>site is at:
><http://www.tregrehan.co.uk/?page_id=6>
>
>Basically the image of the letter needs to butt up against each other
>and also the nav bar. The css is at:
><http://www.tregrehan.co.uk/wp-content/themes/tregrehan/style.css>
>
>Any ideas how I can stop this please?
>
>Thanks.
>
>
Hi Richard,
If you disable the images and give a background-color to each div, the
diagnose becomes clear:
* testpage
<http://home.tiscali.nl/developerscorner/css-discuss/test-Tregrehan.htm>
(wrapper background is pink)
The wrapper has a width of 800px, the left-side div's are 300px, the
right side div's are 480px > gap of 20px! ;-)
Then be careful with a content of a " " in an empty div - it is a
Non Breaking SPace, so is has the width and height of a space!
To give something in an empty div, you better can give a fancy comment:
<div id="somestyles"><!-- just this --></div>
This way IE doesn't give the default line-height to the div (especially
disturbing for clearing div's).
Success and greetings,
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
