Type: Posts; User:
For your .righttext not to overrun your #center, #wrapper's min-width should be more like 1350px or so.
Have a look at a very simple 3 column layout that does not use positioning.
See if you like something on this page.
There is lots of other stuff out there, google something like "jQuery scroll" and see what you get.
Yes, WebDeveloperToolbar may not be the best tool to use for debugging HTML/CSS. FireBug is much better. [edit - I just checked in WDT and it does not show the #page wrapping all the contents of...
Post your full code here. There is more affecting your site than the little bit of info you've provided us here.
Even better would be a link to the test site so we can see it in...
omglookitsagoat, have a look at this -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Here's a quick tutorial on some easy ways to build that menu - http://www.cssplay.co.uk/menus/tutorial.html
/***** Main content *****/
margin:0 0 5px 170px;
border-left:1px solid #f0f0f0;
padding:0 10px 10px 10px;
It looks like you need to clear your floats.
I got busy last night and didn't get the chance to finish my thought.
Instead of using any positioning at all, it might be better to make your images the background of their...
Try some ap instead of relative.
Like this -
font-family:verdana, arial, sans-serif;
Are you trying to do a disjointed rollover?
The span is the trick.
To get one to work in IE you would need to use an anchor since IE only hovers anchors.
Have a look at a demo here...
The code you posted is invalid -
You need to clear the floats in #contentcontain. That will give #footer something to push off of with the top margin your putting on it.
Add this bit highlighted in red -
Percentage heights never seem to work on divs the way you think they should. You may have better luck trying to size an image instead.
Have a look at this, maybe it will give...
I think the problems you're seeing in both your header and footer are caused by the use of tables. Tables are not for layout anyway... have a look at the link about tables in my sig...
Yes, the validator is your friend here. 103 errors in your CSS.
DXImageTransform is a Microsoft thing only? ... FF doesn't seem to support it.
DXImageTransform browser support
Something else is the problem then. Give us the link to the test site or post your code here.
It would probably help if you validate your site. Have a look at the links about validation in my sig...
lightblue is not a color value.
Try it like this -
HEX color chart will help pick colors.
Here's a screencap with FireFox 3.6 on the left monitor and IE8 on the right.
I have an example of a CSS rollover like 4NDY is describing.
But it really does work. At least in FF3.x IE8 and IE7.
If it doesn't work, it's being implemented wrong.
Have a look - http://nopeople.com/test/Jeu.html
You do not have a DocType, you do not have a wellformed document and you did not follow the example I gave you.
Have a look at a thumbnail presentation of mine. You've described it exactly.
float or fixed, it's either or.
If you want fixed, it's always best to specify both an X and a Y. Give it a top and a left to place it with.
There are many other reasons it...
#left should have no image or color, it is not a full height div so needs to show what's behind it to appear full height.
Try your image like this -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...