473,320 Members | 1,902 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,320 software developers and data experts.

IE weirdness with floated picture

MouseUp
Hi,

I'm been coding html for a while but have always used tables for positioning, with forays into css for styling text etc. I can see the advantages of using css positioning to separate content from style, and really want to move to using xhtml/css exclusively for positioning but I'm battling with some of the "quirks".

I have been asked to create a zen-cart skin for a jewelry shop. If I can get a css layout happening, I can sort the rest out.
http://www.gemila.com.au/front-page.gif is the screenshot of the layout as required.
I have started putting the layout together using coloured boxes to work out the structure and all validates, but IE is showing it very differently than Firefox.
See page at http://www.gemila.com.au/test.html. It shows fine in Firefox but in IE the header is pushed down the page, like its underneath the floated picture (doesn't the z-index fix that?).
I have read a few articles trying to find out how to fix this but I really don't know where to start. Any help would be appreciated.

I'm on Windows XP but have seen the same problem using IE 6 on Windows 2000.

Thank you,
Raina
Jul 8 '07 #1
2 1193
nitinpatel1117
111 100+
Hi,

I've not had a look at the links in your message, so not looked at the code.

But, don't float images, because IE6 has alot of bugs in this department.

There's a bug that appears in IE6 when you float images, a work around this problem is to put the Image inside a div, and then float the div, rather than the image.
Jul 9 '07 #2
drhowarddrfine
7,435 Expert 4TB
I've been out of town. Is this fixed? I don't see any differences between IE6 and FF.
Jul 9 '07 #3

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

Similar topics

1
by: Graham J | last post by:
I submitted a variation on this on the Opera forum but I thought I'd bring it up here too as a more general HTML query. Consider this code (I've shown it the old fashioned presentational way but...
3
by: Lee K. Seitz | last post by:
I'm redesigning this page for more up-to-date browser standards: <http://home.hiwaay.net/~lkseitz/hhs/winners.shtml>. Note the use of an "invisible" table to position the "visible" ones. I'm...
24
by: Thomas Mlynarczyk | last post by:
Hi, Here's what I have: <div> <img ...><br> Caption text </div> The div is floated left and has no width set, the content is centered, there are no margins or padding on the <img> (just a...
2
by: Newry | last post by:
Hi, I'm trying to position something with CSS, to have the equivalent of: <table> <tr> <td><img src="foo.jgp"></td> <td valign=bottom>Label</td> </tr> </table>
9
by: edski | last post by:
Using a technique I found here: http://www.vertexwerks.com/tests/sidebox/ I created these "dialogue" boxes: http://www.ebph.org/test.htm In IE6, the text does not wrap correctly around the...
5
by: David Thielen | last post by:
Hi; I am creating png files in my ASP .NET app. When I am running under Windows 2003/IIS 6, the file is not given the security permissions it should have. It does not have any permission for...
7
by: hgraham | last post by:
Hi, I created a very simple page to illustrate my problem. All I'm trying to do is float an image left with a margin and have the text on the right wrap around the image and the text includes...
9
by: Daniel Kabs | last post by:
Hello there again! On my quest to remove layout tables in favor of CSS controlled elements, I am faced with quite a problem. A table cell that has no explicit width attribute set usually...
2
by: JYA | last post by:
Hi. I was writing an xmltv parser using python when I faced some weirdness that I couldn't explain. What I'm doing, is read an xml file, create another dom object and copy the element from...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
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...
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...
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: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
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
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

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.