Jump to content

Div Background and position


TriAdX
 Share

Recommended Posts

Please take a look at my index page at <a href="http://www.forevertreasuredphotography.com">http://www.forevertreasuredphotography.com</a>Please look at it in both IE and Firefox. If you look under the menu on the IE version, you will see "###############Childbirth | Maternity | New Born | Wedding | Event | Portraits"this is my submenu. I put the #'s in so that you can see whats going on in firefox. First firefox seems to be pushing the div down and under the Flower image.. why is this?below is my entire header code:

<img src="images/BannerTop.jpg" width="900" height="24" alt=""><a href="http://www.forevertreasuredphotography.com"><img src="images/BannerMid.jpg" alt="" width="479" height="29" border="0"/></a><a href="AboutUsHome.htm"><img src="images/btn_AboutUs.jpg" alt="" width="90" height="29" border="0"/></a><a href="GalleryHome.htm"><img src="images/btn_Gallery.jpg" alt="" width="80" height="29" border="0"/></a><a href="ContactHome.htm"><img src="images/btn_Contact.jpg" alt="" width="82" height="29" border="0"/></a><a href="ArticlesHome.htm"><img src="images/btn_Articles.jpg" alt="" width="79" height="29" border="0"/></a><img src="images/btn_space.jpg" width="19" height="29" alt=""/><a href="LinksHome.htm"><img src="images/btn_Links.jpg" alt="" width="71" height="29" border="0"/></a><div><img src="images/BannerMid2.jpg" alt="" width="479" height="17" hspace="0" vspace="0" align="left"/></div><div id="submenu" style="width:421px; height:17px;">###############Childbirth | Maternity | New Born | Wedding | Event | Portraits</div>

if i put each tag on a seperate line to try and orginize it, it screws up IE and puts a line between each row (i dont know why this is either)some feedback on the Submenu is what I am really looking for... why does firefox move it down to the next line and put it under my image (which is in a table by the way)I also noticed that the background image that I use on the submenu div does not display in firefox... what gives?Thanks again guys,Ken P

Link to comment
Share on other sites

your coding is a very confusing mix of div & css and tables & depreciated attributes. It would be better to go with either nested tables or divs/css for layoutthat said, i think this should solve your problem:

find in your code:div id="submenu" style="width: 421px; height: 17px;"replace with:div id="submenu" style="width: 421px; height: 17px;  float: right;"then find:table id="Table_01" border="0" cellpadding="0" cellspacing="0" width="900"replace with:table id="Table_01" border="0" cellpadding="0" cellspacing="0" width="900" style="clear: both;"

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...