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

Missing divs in IE6 and below

IE6 (and 5.5 etc) is driving me nuts (shocker there, eh?).

Here's the issue (broken on left, working in FF2, IE7, etc on right):



Ok, so here's the code snippets...

(yes, it's non-standard, but I will argue the SEO logic elsewhere)

HTML:
Expand|Select|Wrap|Line Numbers
  1.     <div id="header">
  2.         <a href="/" class="logo">LogOn.ie</a>
  3.         <strong>Internet Marketing Specialists</strong>
  4.  
CSS:
Expand|Select|Wrap|Line Numbers
  1.  
  2. #header
  3. {
  4.     width: 935px;
  5.     padding: 0 4px;
  6.     height: 186px;
  7.     position: absolute;
  8.     top: 0;
  9.     left: 0;
  10.     background: url(images/bg-header.gif);
  11. }
  12.  
  13. a.logo,
  14. #header strong
  15. {
  16.     display: block;
  17.     text-indent: -9999px;
  18.     overflow: hidden;
  19. }
  20.  
  21. a.logo
  22. {
  23.     background: url(images/logo.jpg);
  24.     width: 309px;
  25.     height: 128px;
  26.     top: 20px;
  27.     left: 34px;
  28.     position: absolute;
  29. }
  30.  
  31. #header strong
  32. {
  33.     background: url(images/header-text.gif);
  34.     width: 550px;
  35.     height: 42px;
  36.     top: 60px;
  37.     left: 371px;
  38.     position: absolute;
  39. }
  40.  
It does not seem to be a z-index issue (if you look at the live code you'll see I've played with that).

Actual HTML is at www.logon.ie
Actual CSS is at style.css

Any advice?
Jun 27 '07 #1
2 2061
drhowarddrfine
7,435 Expert 4TB
I'm out of town so I can't test this but IE has a problem with overlapping divs containing background images. Not sure if this is the problem here.
Jun 27 '07 #2
Managed to hack a forward-compatible fix - see code if you're interested.
Jun 28 '07 #3

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

Similar topics

3
by: Peter Jenkins | last post by:
I have some divs I am using to get a two column layout for a section of a page, like so; <div1> <div2> <div3> blah blah blah blah blah blah blah blah...
0
by: Olly | last post by:
I am using the following pure css layout with a header and footer: http://www.fu2k.org/alex/css/layouts/3Col_NN4_FMFM.mhtml The left column floats to the left of the main content (middle...
12
by: deko | last post by:
Is there any way to work around the blank space created by hidden divs? I'm trying to use a relatively postioned divs with show/hide behaviors to annotate an image. The divs show/hide...
4
by: Stephanie Stowe | last post by:
You have a page. On top of the page, there are some search criteria and other input elements and a submit button. The submit button is clicked, sending a request to the server. Server-side code is...
39
by: WindAndWaves | last post by:
Hi Gurus I have a page, which looks a bit like this: .... <body> <div ID=id1>................</DIV> <div ID=gsd>................</DIV> <div ID=ewd>................</DIV> <div...
12
by: meltedown | last post by:
I would like the floating divs to float and then the header to come after them , on the left. That's what I thought clearing the floats was for, but in this example, the header is to the right of...
19
by: pamelafluente | last post by:
Hi Guys, I am trying to include my little script in my html report. I have done an external JS file which contains it. If you remember, you have helped me to detect if the asp page was present...
19
roula
by: roula | last post by:
I HATE DIVS AND DIFFERENT BROWSERS!!! i spent the whole day and night searching for a way to center align stupid divs, the problem is that the code is so sensitive, i lost my mind trying to make them...
7
by: maya | last post by:
hi, I got this unusual design (well, not so unusual anymore, I guess..) for an input text field for a search form in top of page.. http://www.mayacove.com/design/search/search.html I can't...
6
Motoma
by: Motoma | last post by:
Hello all! My end goal is to create an HTML layout that will expand and contract with the window size, while maintaining a variable number of content columns. In the example below, you will see...
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...
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...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
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
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.