CSS... arrrgghh
- Started
- Last post
- 7 Responses
- bighappen
Hello Folks. Sorry to post another css thread...
I am trying to sort out a site at the moment but am having trouble:
The site works fine on mac browsers but apparently collapses on p.c's
THE PROBLEM
1. The top writing is apparently centre aligning but should be right aligned and level with the 1st nav images (as in the screen shot)
2. The image div is being pushed out of the layout. and is ending up below everything.
3.Is there an easy way to make the layot fluid vertically, i.e if you magnify the text the layout goes funny, Is it poossible to make the white bit expand with the bottom grey box.
I am a little confused as to what is going on?
Any help would be much appreciated.
Page:
http://www.bighappen.com/fc/inde…
css:
http://www.bighappen.com/fc/fc.c…
Screen shot:
- pablito0
"The site works fine on mac browsers but apparently collapses on p.c's "
Great, now u only have to worry about 95% of users.
im not that css savvy, so cant really help....
just one thing, when in #2nd_nav u use line-height:17px; , i know IE interprets line-height different than other browsers.
and as usual all the problems are on IE.....damn that browser !!!
good luck anyways.
- bighappen0
"Great, now u only have to worry about 95% of users."
Ha ha, yeah damn the majority! :)
"just one thing, when in #2nd_nav u use line-height:17px; , i know IE interprets line-height different than other browsers."
Will look into that, thanks
- Dancer0
For starters your nav is a series of images in Div's with a load of Javascript seems a little long winded and un-necessary.
You nav should really be a list so it de-grades nicely.
I am not on a PC so I ccannot see the problem, one way I used to get rid of problems on the PC is to either put a border around certain divs to find out whats puhing what where. Also strip back your html code using comment tages to find out where the mystery hiccup is.
I know this does help but OI really need to see it on a PC.
- weestu0
all of what Dancer says is spot on. You might also want to try using the global whitespace reset: http://leftjustified.net/journal…. I think it's IEs bad handling of the box model that's causing the problems: http://css.maxdesign.com.au/list…
- bighappen0
"For starters your nav is a series of images in Div's with a load of Javascript seems a little long winded and un-necessary."
Hello Dancer, Yep guilty. I don't do web stuff very often and as a result use go live to mkae my life easier.
"You nav should really be a list so it de-grades nicely."
I keep have'ing real trouble with lists, as soon as i added the asterisk it threw verything out!
So the images were a quick fix.
Will try the border thing.
"Also strip back your html code using comment tages to find out where the mystery hiccup is."
Sounds good. Will have a go
Also thanks weetsu i will look into those links...
- weestu0
if you want to try again from scratch, these might help: http://blog.html.it/layoutgala/
Number 34 looks to be the same layout you're using...
and please don't resize the browser window!
- bighappen0
Thanks weetu, i think it might be an idea to start from scratch.
"and please don't resize the browser window!"
Yeah i know i hate them and it really annoys me, but the client loves it.... grrrrr....