weird gap problem in Novus
-
-
- Brian Peat
- Elite Rocketeer
- Posts: 679
- Thanks: 5
- Joomla and Wordpress site developer
-
I modified the Novus template for a client and am running into some weird problems with it in IE 7. Novus is basically 3 columns, and I wanted to have a gradient flow down the page in the left column. What I ended up doing was making the entire background the gradient, then making the center and right columns white. It's fine in Safari and Firefox, and mostly okay now in IE 6, but in IE 7, there's about a 2-3 pixel gap between the center and right columns where you can see that the gradient background is showing through.
I wish I could point you to the site, but my client has passworded the directory its in till they go live.
So, the big questions are, is there a way to close that gap, and if not, should I try to redo the whole template so the gradient isn't going over the whole background? Every thing I tried left that gap (and actually there's one between the content and the inset too that I can't get rid of, but it doesn't look as bad). It just seems like I must be missing some bug in IE 7 that others know about.
thanks! - Brian Peat
Peat Creative
peatcreative.com
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
- Do you have a link/annotated screenshot?
- James Spencer / Developer & Support / Hull, UK
-
-
-
- Brian Peat
- Elite Rocketeer
- Posts: 679
- Thanks: 5
- Joomla and Wordpress site developer
-
Yeah, I took a screen shot. You'll see there is a gap just under the inset, and a gap to the right of the body text. I've messed and messed and messed with CSS and I can make the gap bigger, but never smaller than it is now, no matter what numbers I add to the CSS file. I'm hoping I'm just missing a tag that'll do the trick. If you need it, I can post the index page and the CSS file, I just can't give you access to the working site.
Thanks!
EDIT: I removed the attached file because the site hasn't gone live yet. - Last Edit: 16 years 1 month ago by Brian Peat.
- Brian Peat
Peat Creative
peatcreative.com
-
-
-
- Brian Peat
- Elite Rocketeer
- Posts: 679
- Thanks: 5
- Joomla and Wordpress site developer
-
I wonder if this is my issue:
www.adobe.com/cfusion/communityengine/in...roductId=1&loc=en_US
only I'm not sure how to implement it to fix the gap (as in I'm not sure which element to use with the zoom tag) - Brian Peat
Peat Creative
peatcreative.com
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
- Could you provide a link?
- James Spencer / Developer & Support / Hull, UK
-
-
-
- Brian Peat
- Elite Rocketeer
- Posts: 679
- Thanks: 5
- Joomla and Wordpress site developer
-
I already mentioned that the site is passworded. What part of that didn't make sense?
I can post the CSS and the index, and if you want, I can copy out the result html from the site main page and post that, if it'll help. - Last Edit: 16 years 1 month ago by Brian Peat.
- Brian Peat
Peat Creative
peatcreative.com
-
-
-
- Brian Peat
- Elite Rocketeer
- Posts: 679
- Thanks: 5
- Joomla and Wordpress site developer
-
Okay, here are the CSS and Index files, plus a text file containing the source of the page when you load it in a browser
(files removed) - Last Edit: 16 years 1 month ago by Brian Peat.
- Brian Peat
Peat Creative
peatcreative.com
-
-
-
- Brian Peat
- Elite Rocketeer
- Posts: 679
- Thanks: 5
- Joomla and Wordpress site developer
- By the way, the gap is actually in both IE 6 and 7. I've read up on a known 3 pixel bug (listed in one of my earlier posts) but can't for the life of me figure out how to implement it.
- Brian Peat
Peat Creative
peatcreative.com
-
-
-
- Brian Peat
- Elite Rocketeer
- Posts: 679
- Thanks: 5
- Joomla and Wordpress site developer
-
AHA! I solved this.
In order to get the sides to stretch properly, I'd wrapped the whole body in a table. Everything but IE was fine. Seems you MUST set all the table tags or it will make assumptions and add padding, etc.
I went from this: <table width="100%" border="0" padding="0">
to this: <table width="100%" border="0" cellpadding="0" cellspacing="0" padding="0">
and it works. Sorry for being testy earlier, but my frustration level was growing as I worked on this. At least I learned that I need to always define stuff, even if it's ZERO in a table for IE to work correctly. - Last Edit: 16 years 1 month ago by Brian Peat.
- Brian Peat
Peat Creative
peatcreative.com
-
Time to create page: 0.042 seconds