17 replies [Last post]
nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

I've had this problem before but I've never solved it. Can someone help me?

I have a liquid layout, it works with one middle column with 200 pixel (or so) margins on the left and right with 2 absolute positioned divs on the left and right.

The problem I have is that in my middle column, when I try to have some code which looks like this:

<div class="ticket_list">
<h3>21-Day Ultimate Ticket</h3>
<div class="ticket_booking_form">fghfhgh</div><div class="ticket_information">fffff</div>
</div>

div.ticket_list
{
clear:both;
}

div.ticket_list h3
{
background:#DAECFF;
padding:5px;
margin:0 0 10px 0;
}

div.ticket_booking_form
{
float:left;
background:#A7D8FF;
width:200px;
height:200px;
margin: 0 0 10px 0;
}
div.ticket_information
{
float:left;
padding:0 0 0 10px;
}

It renders just fine in Firefox. But IE does not show the coloured box (div.ticket_booking_form). I have a web developer bar installed in IE and it shows that IE is positioning the Div just fine... but its not actually showing it.

Please please does anyone know if this is a known bug in IE?

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 12 years 9 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

Internet Explorer 6 problem - not showing div

Your post is a confusing. Please show all the code and/or link to the page.

- r

nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

Internet Explorer 6 problem - not showing div

http://www.floridatix.co.uk/test/walt-disney-world.asp

Try viewing it in firefox and then in IE6.

IE6 does not display the 3 blue boxes in my middle column.

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 12 years 9 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

Internet Explorer 6 problem - not showing div

Hi,

Couple of suggestions...
- You have alot of errors such as <li> tags that are not closed. You really need to validate before you go any further

- I think it would be better if you use a three column fluid layout instead of Absolute Positioning.

- and last as far as the blue box problem...it probably would be better to use a definition lists instead of so many divs and that probably will clear up the problem.
http://www.maxdesign.com.au/presentation/definition/

hope this helps.

- r

nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

Internet Explorer 6 problem - not showing div

Grr Arrrgh! I have it almost validating apart from 2 errors (I can't do a lot with those yet as they are from content in the database).

Not sure what else I can do. Is it wise to use a definition list, when the blue box is there so I can put an 'add to basket' type of form inside it.

nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

Internet Explorer 6 problem - not showing div

On my test server - I've gotten rid of the 'float:left' in both of the divs which are not showing up in IE and now they show up (but obviously they aren't positioned where I want them to be). Somebody must have seen this problem with IE before. Its not the first time I have seen it.

Sad

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Internet Explorer 6 problem - not showing div

For some reason, my IE crashes when trying to open your page.

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

Internet Explorer 6 problem - not showing div

kk5st wrote:
For some reason, my IE crashes when trying to open your page.

gary

Yea, I've sorted that. Not all the images were in there.

Theres another annoyance I can't fix either. See that white gap between the logo and the navigation bar in IE.

Most annoying.

nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

Internet Explorer 6 problem - not showing div

Should I just use a 2 column table to achieve the effect I want as IE6 just will not show these Divs Sad

And does anyone know whats wrong with my top navigation bar? Theres a white line that should not be there which breaks up the logo from the navigation bar.

Still all looks fine in firefox...

nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

Internet Explorer 6 problem - not showing div

Please, please, please can somebody have a look at this Internet Explorer problem.

I am now trying to float an image to the left of an unordered list. Same problem! Neither the list or the image are displayed anywhere on the page in Internet Explorer 6.

I cannot believe that I am the only one to have experienced this problem. Somebody out there must have seen this before.

I have a 'web developer' bar installed in IE and when I click 'outline div elements' it shows that the list and image are there but they just are not being displayed.

Please somebody help me this is driving me towards using tables again because I am being pushed towards finishing a site and I know that a table will work.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 18 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Internet Explorer 6 problem - not showing div

Try this:

DIV.ticket_list {clear: both;height:1%;border:1px solid red}

not the border mind Smile

You just need to ensure the containing element is in haslayout=true
using height/width/display:inline-block/float

the fix possibly needs to be elswhere but at first glance and test this looks like the problem element.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

Internet Explorer 6 problem - not showing div

Hugo wrote:
Try this:

DIV.ticket_list {clear: both;height:1%;border:1px solid red}

not the border mind Smile

You just need to ensure the containing element is in haslayout=true
using height/width/display:inline-block/float

the fix possibly needs to be elswhere but at first glance and test this looks like the problem element.

Hugo.

Thankyou!

I'd never heard of the haslayout=true thing but after uou mentioned it I've just read about a little more about it on this page:

http://www.satzansatz.de/cssd/onhavinglayout.html

Thankyou once again for restoring my sanity. I can now go back into my code and get rid of those tables I added.

nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

Internet Explorer 6 problem - not showing div

grrr arrrg.

Another question. I am in the process of adding those floating divs back in, I have started adding content to the right of the blue box and found that despite it floating left, it wraps it to a new line if the screen resolution drops below 1280 width.

Wrapping it to a new line for 800*600 users is great but why is it wrapping for 1024*768 users and what can I do to fix that?

Joseph Sprint
Joseph Sprint's picture
Offline
Enthusiast
Last seen: 6 years 37 weeks ago
Timezone: GMT+1
Joined: 2005-04-15
Posts: 381
Points: 0

Internet Explorer 6 problem - not showing div

Get rid of float:left on div.ticket_information

[edit] don't forget to give it margin-left:220px; or give div.ticket_booking_form margin-right:20px; both achieve the same effect.

nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

Internet Explorer 6 problem - not showing div

wow - cool that worked.

Yea I think I am gonna need to re-read some chapters on float behaviour because I think its confusing me a little.

The only other recurring bug I encounter is a bizarre colour bleed I get in internet explorer when you scroll.

The blue background of my h3 tags seems to bleed into the left and right hand columns randomly when you scroll up and down in Internet Explorer. Has anyone else had a problem like that?

Joseph Sprint
Joseph Sprint's picture
Offline
Enthusiast
Last seen: 6 years 37 weeks ago
Timezone: GMT+1
Joined: 2005-04-15
Posts: 381
Points: 0

Internet Explorer 6 problem - not showing div

Sounds like a HasLayout prob. Hunt the sucker.

nashienet
Offline
Regular
Last seen: 14 years 28 weeks ago
Joined: 2005-05-12
Posts: 41
Points: 0

Internet Explorer 6 problem - not showing div

coolio! I'll have a look. Smile

Yes - it was the lack of height to my h3 tag and my unordered list.

So glad you bought this haslayout thing to my attention.

I am smiling for the first time in about a week now

Joseph Sprint
Joseph Sprint's picture
Offline
Enthusiast
Last seen: 6 years 37 weeks ago
Timezone: GMT+1
Joined: 2005-04-15
Posts: 381
Points: 0

Internet Explorer 6 problem - not showing div

Well you've entered into the realm of real web design. (makes ghostly sound) OooooooOoooooOOOoo!

welcome to the other side.