browser shifting
- Started
- Last post
- 23 Responses
- leftwave
i'm building this online store and everything looks perfect in internet explorer.
when i test it out in firefox and netscape, this mysterious gap appears in the header area.
can anyone tell me what's causing this and how to fix it?
here's the gap
here's the site
http://notesbynanette.com/indexN…HELP!
- jox0
Stuff like that makes me go insane.
How about making the entire top part including logo in one piece as table background and just have a transparent pic over the logo as a link back to the main page?
- euopean_hoopoe0
This wont solve your problem, but, shouldn't there be carttesttoolbar_r1_c3.gif, instead of carttesttoolbar_r1_c2.gif in the 3rd [td]
Try removing all nbsp's in those tds
- euopean_hoopoe0
or put carttesttoolbar_r1_c3.gif as an actual image in the 3rd td, instead of using carttesttoolbar_r1_c2.gif as background for the same td
- kyl30
how about valign="top" for the cell
- leftwave0
jox, good idea, but there's 3 buttons in the header area that need to function.
i've tried the other tips and no luck.
keep em coming....
thanks!
- leftwave0
AHH! i've almost got rid of this thing, but there's still a slight gap.
first person who can tell me how to fix this is my hero!
- leftwave0
anyone anyone?
my clients gonna kill me.
help!
- Jaline0
Stuff like that makes me go insane.
jox
(May 13 06, 13:59)Yes, my day has been filled with problem solving so I won't be of any help at the moment.
Good luck though, leftwave!
- jakeyj0
you need a doctype
- leftwave0
how do i know which doctype to use?
- Bacillo30
remove the tag:
"meta http-equiv" that dreamweaver (or maybe in your case fireworks) has added. if that doesnt fix it, make sure there are no spaces in your code (whether it be nbsp tags or simple keyboard spaces. )if its still being weird, you should make no spaces or line breaks between your tags
your whole table set up at the top is pretty retarded to begin with though.
- leftwave0
okay, i've tried ALL of the doctypes listed here:
http://www.htmlhelp.org/tools/va…and none of them fix this freakin gap! the only 2 that even seem to support my CSS are the HTML 20. and 3.2 ones. the rest of them make my text all ugly.
there's GOT to be someone out there who can eliminate this break in the table...
- leftwave0
okay, i've tried ALL of the doctypes listed here:
http://www.htmlhelp.org/tools/va…and none of them fix this freakin gap! the only 2 that even seem to support my CSS are the HTML 20. and 3.2 ones. the rest of them make my text all ugly.
there's GOT to be someone out there who can eliminate this break in the table...
- jakeyj0
on future projects, declare your doctype for your project as the first thing you do when you start coding. It will help eliminate problems down the road.
Use a strict doctype. Valid your html and css.
Right know you're running "quirks mode"
- leftwave0
jakey,
good advice, thanks.
which strict doctype do i use now? will that automatically fix this table problem?
- spiralstarez0
try putting align="left" as an attribute on the image
- leftwave0
which image?
- leftwave0
hooray! i found a doctype that doesn't screw up all my css:
http://www.notesbynanette.com/in…i still can't get rid of this gap, but at least i've got myself a doctype!
- spiralstarez0
doesn't work. I downloaded your code and tried it. I sort of assumed at first it was done in CSS, but I saw all the tr and td tags and...
you're on your own. Tables are a bitch for those problems though - you could probably rebuild the header in CSS pretty quick. The rollovers don't work in FF as well.