CSS in Internet Explorer problem
- Started
- Last post
- 15 Responses
- Glitterati_Duane
Would anyone be able to tell me why my navigation isn't working properly in Internet Explorer? I'm new at CSS and have screwed it up somehow. Seems to work fine in FireFox, Safari and Opera though.
http://www.beglitterati.com/html…
BTW Before someone comments on the empty pages etc. They're empty because I'm not finished the site yet. THANKS!
- boobs0
If you did it in Flash, you'd be done by now.
- Sorry, didn't mean to be a douche. But when people tell me how great CSS is, I think of this shit.boobs
- I love spending 5 days trying figure out how to move a table 1 pixel upepikore
- what about that site needs to be done in flash? it's a simple navigation7point34
- Because then you'll save so much fucking trouble testing and fixing for the different browsers!boobs
- I'm with 7.34 here but then I am a CSS monkey.
Gordy22
- 7point340
1. tr valign doesn't work that i know of.
*still looking
- 7point340
1. you're using a bunch of odd aligns and valigns in your table. take them out.
give the table a class or id and write something like this:
.tableclass td {vertical-align: top; }2. don't use tables.
- Gordy220
1. Its done in tables.
2. There are a few random </a> in there - lines 46 and 97.
- Gordy220
Dude - seriously, you could do the nav with 10% of the code using a UL and a few lines of CSS.
- or just set the nav a tags to display:block;7point34
- What's a UL? I know I'm a noob :(Glitterati_Duane
- Glitterati_Duane0
Boobs kinda has a point, I was about to re-do the nav in Flash becaue this IE thing is pissing me off too much. But I thought I'd see what you guys had to say first.
- 7point340
looks like the way you have the table laid out. i don't know if css will even help you at this point, sorry.
- ********0
Duane you don't need to redo your nav in flash, an unordered list and a couple classes and your good to go.
If you've got the time, lose the tables.- Once you've done that, updating your nav will be as easy as pie.********
- Once you've done that, updating your nav will be as easy as pie.
- Glitterati_Duane0
Wow. I don't know how to not use tables. If I did know I wouldn't use them. 7point34's comment about filling the page makes sense. That's pretty much what it looks like it's doing in IE.
- yeah, and to be honest i'm not sure why it's not doing the same in other browsers
7point34
- yeah, and to be honest i'm not sure why it's not doing the same in other browsers
- Glitterati_Duane0
Ok thanks guys. But how do I get structure without tables? I have no idea how to use CSS that way.
- ********0
Not using tables is really similar to using tables at a conceptual level, but instead of placing everything in nested tables, tr, td, you use <div>. You don't have to keep track of how many cell you've spanned. You can then assign separate stylesheets for specific browsers if your CSS gets really complex.
- 7point340
<div id="navigation">
<a href=""></a>
<a href=""></a>
<a href=""></a>
</div>
<div id="content">
<photos and such>
</div>#content, #navigation {float: left; margin: 0 30px 0 0;}
#navigation a {display: block;}
- ********0
http://alistapart.com/ is a great resource. You'll be able to get everything you need in terms of table-less layout and rebuilding your navigation from there.