Need help with
- Started
- Last post
- 21 Responses
- Bureau
So Im redoing my site all with DIV players. Everything looks great in every browser except for IE on the Mac and PC. For some reason the DIV layers with text shift 13 pixels down. This is only in IE.
Does anyone know what the problem could be? Its driving me nuts! Here is the link.
http://sleepingbureau.com/test/
Thanks.
- robotron3k0
she's broken.
- Bureau0
What is broken?
- warheros20
that's just how ie likes to work it.
i dont think there is any way to solve it. (unless someone will correct me)
- Bureau0
But I also have the red lines in seperate DIV, why arent they shifting?
- rabattski0
normally div layers work ok in ie. checked that link, there's way more going on than just problems with divs. when i click on the kim kolker link i see the thing double down. with the other links nothing happens (mac/ie).
- Bureau0
rabattski, none of the links are coded yet. They go nowhere.
- rabattski0
ok but the first one does work, at least it drops down the stuff way more than 15 px, the images shows twice.
- Bureau0
yeah thats a mistake.
- Witt0
pardon me for asking, but what's the point of having divs with that layout?
- jevad0
yeah why are you using divs? Making life hard for yourself...
- instantok0
with that layout i would suggest taking a look at lists and simplifying things...internet explorer interprets height / width differently and so you will probably need to set these dimensions twice, once for ie and once for everything else either by using some hacks or detecting the browser and loading a different style sheet accordingly...also, why the iframe?
- Witt0
anyway, this is in your work.htmll iframe. it has 2 different top definitions for the same div id
- Witt0
sorry, i copied the code but it didn't show. there is 2 different top-margin definitions for the same div id="work" in that page
- heavyt0
here is the deal -
the 1 major culprit of IE problems is padding. This is due to a difference in the box model.However, that isnt your problem. Your problem is that you have a bunch of DIVs with the same ID.
IDs are unique identifiers, and you are only allowed to use them once in the same page. If you want to pass a style to mor ethan 1 DIV, use classes instead.
Please change those DIVs to unique IDs and your problems will diminish.
TR1
- Bureau0
heavy, I gave each its own ID name and that didnt seem to fix the problem.
I made a mistake when I explained what was wrong. The DIV with the texts gets shifted UP 13 pixels not down.
Witt, Im using DIV cause it just makes life easier for me. I can easily position layers on the fly. Maybe easier than having to work with tables and cells.
Im also using an iFrame so I can swap out the content.
- Bureau0
I think I figured it out. For some reason IE is rendering the tag differently than every other browser.
Anyone ever hear of this?
- scarabin0
ie is infamous for interpreting code the way it feels like at the moment, particularly with css and lists
the submenu lists on my site are pushed over like 13 px in ie, but not on any standards-compliant browsers...
- Bureau0
Anyone know which tag I can use to asign a class without using ?
- Witt0
biodiversity has taken over the web aswell...