[SOLVED] Another CSS issue?

[carsey]

Hi

Im making a new website and it involves the content on the left with a right aligned menu.

There is one problem with the content area and that is if I dont have enough text to make it fill the users screen, the entire text div will just expand to the width of the text instead of the screen.

You can see an example here:

http://loveyourdub.northeast-networks.net/contactus.php

As you can see, compared to the homepage, the page formatting looks to be out with the menu and content not expanding to fit the full width of the screen.

I have tried the CSS max-width and min-width functions and they didnt work.

Also tried repeating a blank image across the width of the div and a H rule but neither worked.

Anyone have any ideas.

http://loveyourdub.northeast-networks.net/style.css

Thats my CSS if you need to have a look.

Chris

[dm01]

To fix this issue, add width: 100% to div.

If this isn't exactly what you want, you can play with the value until you get something you like. The value can be set either as a percentage or in pixels.

Your style sheet looks kind of messy, but the site looks good.

Good luck!

[carsey]

That didnt seem to work. I put <div id="text" width:100%> and nothing changed.

I always thought <divs> always had a 100% value anyway?

[dm01]

Wait a minute, contactus.php hasn't been uploaded (the site redirects to the index). Please upload the file or c+p the code into your next post. We can't see what's going on if we can't see the code :).

[carsey]

Right contactus.php is there (i dont know why its redirecting to the index, probly because your not logged in).

I put the code up and removed the login check. ignore the menu on the right tho.

[dm01]

Try this:

<div id="text" style="width: 100%">

[carsey]

View the page for the effect that that line had.

It seems to have made the actual content spred outside the area so it now overlaps my side menu.

[dm01]

Originally Posted by dm01

If this isn't exactly what you want, you can play with the value until you get something you like. The value can be set either as a percentage or in pixels.

Just make it smaller :)

[carsey]

That isnt going to extend the text <div> so that it fits the screen properly though

[dm01]

Play with the margins then.

[carsey]

Altering Margins isnt going to fix the problem.

[dm01]

I'd be glad to test this hypothesis, but you seem to have blocked access to the page again.

[carsey]

Feel free to have a go...

[carsey]

I tried the margin of 305px, which seemed to change the page a bit, but it also changed all of the other pages, which have large amount of text on them so you would need to scroll using the horizontal scroller in a browser.

[jamiemac2005]

Hey carsey, i've just re-looked over this thread.

Is the screenshot i've posted as an attachment what you're trying to achieve?
(noting that the main div spreads across the entire width of the page)

If it is then i believe all you have to do is add "width: 100%;" to the #main entry in style.css so it looks like:
(from style.css:)

#main { float:left; background:url(images/sidebar_bckg.gif) no-repeat top right #1e1e1e; padding:20px 0 0 0; width:100%;}

I checked this with your homepage aswell (the modification) and it didn't cause a problem.

Cheers,
Jamey

[carsey]

You legend!!!

That worked

Many thanks.

[jamiemac2005]

That's k =] I just applied what dm01 has said to your origional stylesheet.

Glad it worked.

Cheers,
Jamey