I am creating part of a layout for a MySpace page. One of the sections contains buttons that link to online stores where the bands music can be purchased. I have managed to get the 6 buttons central to the containing div element by using the method from this site, but I am unable to make the div's following text clear the float and produce the 8 pixel margin at the bottom of the last button in Internet Explorer. I have tried using spacer divs with float:none and clear:both, but it doesn't produce the same effect as Firefox.
First off, hello world! This is my first post, and you'll have to accept my apologies that it's on a humdrum topic that's been beaten to death all over the internet, but I scoured this forum and couldn't find exactly what I'm looking for, so am asking a question.
I am new to Css and I am doin this website wherein there is a sidemenu image
can anybody please help.
Problem in IE
Screenshot in Firefox
Hey all, I have created a navigation bar and seem to be seeing an issue with IE7. The nav menu works fine in IE6 and IE8, as well as firefox 3 and safari 4. In IE7, the background images are pretty prematurely cutoff at the bottom. Any help on what I should change in the CSS to fix this issue would be greatly appreciated.
<!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=UTF-8" />
First let me write my HTML code (it's dummy).
<body> <div id="rightContent"> <table border="1"> <tr /> ... ... ... </table> </div> <div id="leftContent"> <div id="navigation"> ... ... </div> </div> </body>
and I have CSS Rules as follows.