473,326 Members | 2,134 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,326 software developers and data experts.

Menu bar Div causing contents to 'drop' below menu in IE

URL: http://www.jonbullceramics.co.uk

Browser(s): tested in FF3.01 (XP) and IE 7 (XP) - however problem reported in all versions of IE (none in FF)

Problem: I have a simple CSS/php site with a left menu div and some central content divs (no right hand menu) - however in IE the content always drops below the menu. This does not happen in FF (3) but I have not tested it against other browsers. The site has been written in spare time for a friend for free - there is therefore nothing clever about the site so please don't laugh - thanks :)
I have tried various changes (and HTML tidy) but not found any real problems - I am sure it must be something simple but to be honest CSS/HTML is not my thing (I am a server side Java dev by trade!) so a little confused. Any help much appreciated?

Snippets:

HTML:
<div class="menubox">
<a href="gallery/gallery.php">Gallery</a>
<hr />
<a href="glazetech.php?pageid=1">Glaze Tech</a>
<hr />
<a href="stockists.php">Stockists</a>
<hr />
<a href="contact.php">Contact</a>
<hr />
<a href="statement.php">Statement</a>
<hr />
<a href="links.php">Links</a>
<hr />
<a href="resume.php" >Resume</a>
<hr />
</div>
CSS:
.
menubox {
float: left;
width: 8em;
padding:0px 10px 0px 30px;
margin-left: 20px;
border-left: 1px solid black;
}
Thanks

Shaun
Sep 16 '08 #1
1 1421
David Laakso
397 Expert 256MB
I think maybe you have a sort of over built construct. Keep it simple. Make a big box. Put smaller boxes in it. BTW, search engines can't read images so using text may be a better way to go than setting text as an image. Hold at least +2 font scaling in compliant browsers; and, in the IEs hold text-size largest. The floats should not drop at those settings. The IEs need a little horizontal play-- too tight horizontal tolerance will cause float drop. Validate the markup and CSS as you work.!

Maybe this simple example will help (I'd remove the image text that's in the large photo if it were mine) [1]. The xml declaration above the doctype puts Win/IE/6.0 and down in quirksmode-- making it easier to cope with those browsers.

Cursory checked in IE/7.0, IE/6.0, IE/5.5, IE/5.01, and Mac/IE/5.2-- and in compliant Mac browsers (FF, Camino, Safari, and Opera).
HTH,
[1]
Jon Bull Ceramics
Sep 16 '08 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

28
by: Lachlan Hunt | last post by:
Hi, I've been trying, but failing to work out what is causing Opera to render my drop down menu incorrectly on my site. http://www.lachy.id.au/ For some reason, there seems to be extra margin...
6
by: Adrienne | last post by:
http://www.intraproducts.com/beta/infinicall/index.asp has a drop down menu on Investor Relations. The markup and CSS are both valid, and most of the time, the menu drops down correctly. However,...
2
by: hemanth.singamsetty | last post by:
Hello there, I've a drop down menu (created using CSS & Javascript -- see code below). My problem is, whenever I click a link on the menu the new page replaces the current page (and the menu...
1
by: tribal boy | last post by:
Guys, I am using a dynamic menu which uses xml,xsl a css file and javascript. This works fine when there are no server controls around or underneath it. The problem is whenever the menu...
1
by: StevePBurgess | last post by:
Hi I am using a drop down menu adapted from the one in Stylin with CSS by Charles Wyke Smith. The CSS is below. It works perfectly in Internet Explorer (using the csshover behaviour file) but...
1
by: phpnewb | last post by:
Hi, I know i'm doing it wrong, but I'm using a while loop right now to create several instances of a drop down menu. It gives me undesirable results. Can you tell me the right way to do it. Below are...
3
by: rsteph | last post by:
I have a javascript drop down menu that I borrowed from a website. It utilizes a little .css to help with formatting. The menu works great, and on all 3 of the browsers I'm concerned about; but I am...
1
by: hestres | last post by:
Hi all, I'm trying to deploy a CSS drop-down menu I found here: http://www.htmldog.com/articles/suckerfish/dropdowns/ but it's causing all sorts of problems: ...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.