PDA

View Full Version : css div height trouble


jngabi
11-09-2004, 04:44 PM
Hi there.
i have a problem and i can't seem to get it fixed.

you have to see it here http://www.onlinedev.com/gabi/test/index.html to understand best what it is. (or download the attached zip file)

the problem is this
i'm trying to make the site stretch across the screen, but i want the horizontal scrollbar to appear when the window is resized at less than 760 pixels (for 800x600).

If you try to resize the window, you will see that, the right image will "wrap" to the next line, and i just want it to stay there, until its at 330 pixels from the left margin, and the scrollbars to apear.

Am i clear enough?

Hope i am, and someone can help me with that.

PS: I attached an archive with the page, images and css, thanks

chilipie
11-09-2004, 05:14 PM
Welcome to the forums!

Maybe

body {
margin-left: 330px;
}


Well done for getting your code to validate :). However, empty divs are not very semantic. I've had the same thing said to me :p ...


<div id="header"></div> is bad xhtml as it's meaning less, use an H1 and image replacement to achieve the same effect with graceful degradation.

Erich
11-09-2004, 08:50 PM
However, empty divs are not very semantic. I've had the same thing said to me :p ...

Why is that so? What then can be done to really ensure that your page header is of semantic value, while still trying to maintain the style of your 'non-semantic' header? How would you go about doing what readme.txt said with the img replacement on the <h1>?

jngabi
11-10-2004, 07:54 AM
Hei , it seems that none of you has nothing to say about my problem.

So please, someone that knows the solution and wants to help, you're welcome.

Thanks, bye bye.

ronaldb66
11-10-2004, 09:04 AM
What browser do you use? On IE6.0/Win2000, it seems to behave exactly like you intended: the disk image in the header stays glued to the right window edge untill I resize below a certain width, after which it stays put and the horizontal scrollbar appears.
Another observation, though: the large white section containing "Menui" several times over seems to adapt a width related to the window width, which looks really odd when sized down below your given threshold...

jngabi
11-10-2004, 09:16 AM
Hi there, i use WinXP, ie6.0, opera 7.2, firefox1.0, netscape 7...in all of them it does the same thing, the right image goes to the next line

The other problem with the white space, i don't quite understand it, as my first problem probably interferes with it :(.

Thanks, but problem not solved thou...

Anybody else?