![]() ![]() |
| jeak |
Jun 20 2012, 09:09 AM
Post
#1
|
|
Group: Members Posts: 2 Joined: 20-June 12 Member No.: 17,294 |
I have a DIV element at the top of my page, and another beneath. I'd like the top DIV to always cover the entire width of the page, even if the browser window width is less than the width of the second DIV element. How would I do this? Sample of what I'm currently doing below.
<html> <body style="padding:0px; margin:0px;"> <div style="background-color:#123456; width:100%;">top</div> <div style="background-color:#654321"><IMG style="width:1000px; height:1000px;"></div> </body> </html> |
| Frederiek |
Jun 21 2012, 02:18 AM
Post
#2
|
|
Programming Fanatic ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 3,547 Joined: 23-August 06 From: Europe Member No.: 9 |
Set a min-width of say 100em to the top div.
-------------------- "The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French) "Leave scepticism to others and take action" from HOME by Goodplanet An inconvenient truth by Al Gore |
| jeak |
Jun 21 2012, 06:47 AM
Post
#3
|
|
Group: Members Posts: 2 Joined: 20-June 12 Member No.: 17,294 |
Brilliant, thank-you.
|
| Frederiek |
Jun 21 2012, 06:52 AM
Post
#4
|
|
Programming Fanatic ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 3,547 Joined: 23-August 06 From: Europe Member No.: 9 |
You're welcome.
-------------------- "The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French) "Leave scepticism to others and take action" from HOME by Goodplanet An inconvenient truth by Al Gore |
![]() ![]() |
|
Lo-Fi Version | Time is now: 26th May 2013 - 04:35 AM |