Sent by Adriancasillas on 6 August 2004 22:10
The header section of the following layout is giving me fits:
http://www.southamericanexperience.co.uk/testsite/chile/chile2.html
how can I get rid of the gap between the logo image and the
horizontal menu bar? (This gap appears in both IE6 and Firefox
in WinXP, the only browsers I've checked so far).
Here is the banner section CSS and HTML:
CSS:
..box-header {color: #000; background-color: #E50; width:
auto; margin: 0; padding: 0;}
..box-header img {float: none;padding: 0; margin: 0 0 0 139px;}
#emailtelephone { color: #000; background-color: #E50;float:
right; width: 20%; margin: 0; padding: 4.3em 0.5em 0 1px;
font-size: 0.8em; text-align: left;}
#clearer {clear: both; width: auto; line-height: 0; height: 0;
margin: 0; padding: 0; visibility: hidden; overflow: hidden;}
#navbar { background-color:#F90; padding: 0; margin: 0 0 0
139px; width: auto;}
HTML:
<div class="box-header">
<div id="emailtelephone">020 7976 5511<br />47 Causton
St. London SW1P 4AT<br /><a
[EMAIL-REMOVED][EMAIL-REMOVED]</a>
</div>
<img src="images/logo390_102.jpg" alt="..." width="390"
height="102" align="left" />
<div id="clearer"><br /></div>
<div id="navbar">
<!--top level nav menu bar -->
</div>
</div>
TIA.
Humbly yours,
Adrian
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
