The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Make a DIV element the width of the page
jeak
post 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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jun 21 2012, 02:18 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 4,829
Joined: 23-August 06
From: Europe
Member No.: 9



Set a min-width of say 100em to the top div.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jeak
post Jun 21 2012, 06:47 AM
Post #3





Group: Members
Posts: 2
Joined: 20-June 12
Member No.: 17,294



Brilliant, thank-you.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jun 21 2012, 06:52 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 4,829
Joined: 23-August 06
From: Europe
Member No.: 9



You're welcome.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th May 2015 - 01:06 PM