cs.punk Posted July 24, 2009 Share Posted July 24, 2009 This is doing my head in... In firefox it looks perfect though... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CSS Lists</title> <link href="/files/css.css" rel="stylesheet" type="text/css" /> </head> <body id="about"> <div class='head'> <img align="left" src="images/logo.jpg" width="300" height="100" /> <img src="images/logobar.jpg" width="724" height="100" /> </div> <ul id="list-menu"> <li id="menu-home"><a class='nav' href="#">Home</a></li> <li id="menu-about"><a class='nav' href="#">About</a></li> <li id="menu-archive"><a class='nav' href="#">Archive</a></li> <li id="menu-lab"><a class='nav' href="#">Lab</a></li> <li id="menu-reviews"><a class='nav' href="#">Reviews</a></li> <li id="menu-contact"><a class='nav' href="#">Contact</a></li> </ul> <div class='main_content'> <p>BLAHAHAHAHA BLAH BHA BHA AHB AH BNBLHA BLAH</p> </div> </body> </html> /* Body */ body {margin: 0; background-color: #ADD1DC; } /* Text/Font Styles */ .top_heading {font-family: Verdana; font-size: 26px; color: #333333; } /* a hrefs/links */ a.nav {font-family: Verdana; font-weight: bold; } /* Divs */ div.head {border: solid; border-width: 1px; border-left-width: 0px; border-right: 0px; border-top-width: 0px; border-color: #0066FF; background-color: #0099FF; height: 100px; } div.main_content {padding: 10px; } Anyone know whats going on? Attached is a screenshot.. [attachment deleted by admin] Link to comment https://forums.phpfreaks.com/topic/167316-solved-why-is-there-a-extra-left-border-in-opera-and-bottem-border-in-ie/ Share on other sites More sharing options...
Hybride Posted July 25, 2009 Share Posted July 25, 2009 Where exactly is the extra border? In your image? the menu? If in the image, try adding a border=0 to the image. <img src="image.jpg" border="0" width="" height="" /> If it's the CSS style, try compacting what you have: div.head {border-bottom: 1px solid #0066FF; background-color: #0099FF; height: 100px; } Link to comment https://forums.phpfreaks.com/topic/167316-solved-why-is-there-a-extra-left-border-in-opera-and-bottem-border-in-ie/#findComment-882645 Share on other sites More sharing options...
cs.punk Posted July 27, 2009 Author Share Posted July 27, 2009 I summed it down even futher to the most simplist thing... Yet stilll... :wtf: <html> <head> <title>CSS Lists</title> <link href="/files/css.css" rel="stylesheet" type="text/css" /> </head> <body> <div class='head'> <img src="images/logo.jpg" align='left' border="0"/> <img src="images/logobar.jpg" width="724" height="100" border="0" /> </div> </body> </html> body {margin: 0px; } div.head {border: solid; border-width: 1px; border-left-width: 0px; border-right: 0px; border-top-width: 0px; border-color: #0066FF; height: 100px; } Attached is a screenshot.. [attachment deleted by admin] Link to comment https://forums.phpfreaks.com/topic/167316-solved-why-is-there-a-extra-left-border-in-opera-and-bottem-border-in-ie/#findComment-883783 Share on other sites More sharing options...
haku Posted July 27, 2009 Share Posted July 27, 2009 Are you sure that isn't part of your image? Also, remove the align tag - they are deprecated, and that could potentially cause you some problems. Link to comment https://forums.phpfreaks.com/topic/167316-solved-why-is-there-a-extra-left-border-in-opera-and-bottem-border-in-ie/#findComment-883953 Share on other sites More sharing options...
cs.punk Posted July 28, 2009 Author Share Posted July 28, 2009 Are you sure that isn't part of your image? Also, remove the align tag - they are deprecated, and that could potentially cause you some problems. !?!?! Its deprecated?... So them how am I ment to align it? Link to comment https://forums.phpfreaks.com/topic/167316-solved-why-is-there-a-extra-left-border-in-opera-and-bottem-border-in-ie/#findComment-884744 Share on other sites More sharing options...
haku Posted July 28, 2009 Share Posted July 28, 2009 CSS and auto margins. Link to comment https://forums.phpfreaks.com/topic/167316-solved-why-is-there-a-extra-left-border-in-opera-and-bottem-border-in-ie/#findComment-885135 Share on other sites More sharing options...
cs.punk Posted July 29, 2009 Author Share Posted July 29, 2009 CSS and auto margins. With CSS do you mean: /* CSS */ .c-align {align: center; } /* index.html */ <img class='c-align' sr='image.jpeg' /> ? Also btw I found a solution... There must not be any spaces inbetween your <img/> tags... [b]Good[/b] <img/><img/> [b]Bad (spaces will appear in between)[/b] <img/> <img/> <img/> Grrr, this has haunted me before too.... Link to comment https://forums.phpfreaks.com/topic/167316-solved-why-is-there-a-extra-left-border-in-opera-and-bottem-border-in-ie/#findComment-885998 Share on other sites More sharing options...
phorman Posted August 15, 2009 Share Posted August 15, 2009 Don't forget to always level the playing field by setting all margins and padding to 0 as some browsers have different default margins and padding for their elements. Link to comment https://forums.phpfreaks.com/topic/167316-solved-why-is-there-a-extra-left-border-in-opera-and-bottem-border-in-ie/#findComment-899037 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.