473,324 Members | 2,548 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,324 software developers and data experts.

Header won't extend all the way to the right

Any help on this would be gretly appreciated. Take a look at this page
http://www.patrioticpriorities.org/test/cl/ and tell me why the yellow
header and red nav bar will not extent all the way to the right of the
screen?

The following are my definitions for each:

div.header
{
height:130px;
background-color:#FFFF33;
position:absolute;
top:0px;
left:0px;
width:100%;
}

div.navMenuDiv
{
position:absolute;
top:130px;
left:0px;
width:100%;
height:22px;
background-color:#F7002D;
border:solid black 2px;
}

I ran my css file through the validator at w3c and it showed everything was
fine.

Thanks again
Jul 21 '05 #1
3 1960
On Thu, 17 Feb 2005 08:23:26 GMT, kmoon <te**@test.com> wrote:
Any help on this would be gretly appreciated. Take a look at this page
http://www.patrioticpriorities.org/test/cl/ and tell me why the yellow
header and red nav bar will not extent all the way to the right of the
screen?

Screen doesn't matter. Viewport does. And in Op7.54 they are as wide as
the viewport.
div.header
{
width:100%;
}

div.navMenuDiv
{
width:100%;
}

100% Of what? Seems in Op7.54 it gets rendered as meaning 100% of the
viewport. Which is fine if my viewport is large enough to fit the entire
width of the rest of the page. If not, wel, it is not that the header
doesn't take up 100% of the viewport, it is that the rest of the page
doesn't fit in my viewport.
I ran my css file through the validator at w3c and it showed everything
was fine.


No, not fine. Just shows you didn't go wrong with the syntax and such.
Doesn't say anything on the real quality. One can screw up dramatically
with very valid css and markup both.
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Jul 21 '05 #2
kmoon wrote:
Any help on this would be gretly appreciated. Take a look at this page
http://www.patrioticpriorities.org/test/cl/ and tell me why the yellow
header and red nav bar will not extent all the way to the right of the
screen?


I think the header is the least of your worries. With my browser
settings, a lot of things on this page overlap each other. It's an
unreadable mess. This is what happens when you try to absolutely
position everything on a page.

If you don't see a problem, try increasing the text size in your browser.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Jul 21 '05 #3
"100%" is the problem - 100% of what, as others have already said. You
probably want to write:

left: 0;
right: 0;
width: auto;

Unfortunately, this doesn't work in IE because IE gets it wrong....

IE7 (http://dean.edwards.name/IE7/) is supposed to be able to fix this
but I haven't got it to work yet.

Any other work-arounds anyone?

--Phil.

Jul 21 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Jez | last post by:
I'm ashamed that I need to ask this question. I've been using PHP for almost a year now, and have used HTML extensively in the last few years. Often, when I create a new site, I use include() to...
10
by: Margaret MacDonald | last post by:
I'm seeing a problem that has me flummoxed. The only thing I can think of is that I'm violating some rule I don't know about. I have some code that does some processing and then does a...
16
by: matthurne | last post by:
I just started learning C++ on my own...I'm using Accelerated C++. Something it hasn't explained and I keep wondering about is how header files actually work. I suspect it doesn't get into it...
2
by: Boobie | last post by:
I switched to using this function to create element: ---------------------------------------------------- function elem(name, attrs, style, text) { var e = document.createElement(name); if...
1
by: nate axtell | last post by:
I'm trying to extend the Height of Windows.Forms Datagrid's column headers. Is it possible to allow wrapping of text in the header column cells along with making the height larger?
18
by: Al | last post by:
I'm still trying to do this but it never worked! In a .cpp file, I write the code, and at the beginning, I write: #ifndef MYLIST_H #define MYLIST_H ....to end: #endif What's wrong with it for...
0
hqprog
by: hqprog | last post by:
Having search extensively I've learned the two functions timegm and gmtime_r though in the GNU standard C library extend the ISO standard. I need to use these two functions in myprog.c (on pc - ...
4
by: Joseph Geretz | last post by:
We use a Soap Header to pass a token class (m_Token) back and forth with authenticated session information. Given the following implementation for our Logout method, I vastly prefer to simply code...
4
by: henry | last post by:
Folks: Using Dreamweaver CS3... Consider a home page, "index.php" which conditionally REQUIREs one of 'N' HTML files of pure content. All site styles are specified in a master CSS file,...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.