473,320 Members | 1,694 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,320 software developers and data experts.

Layout - Prob


Hi i got the following layout:

Logo | Headerright
------------------------------------
|
|
|
Menu |Content
|
|
-------------------------------------
Footer

I like to have the Head and the footer Fix-With
But Menu and Content should fill the complete height.
I use the follwoing Code ut that soen't work out for me...
Can someone help me out?

I use the following Code:
html, body {
margin: 0;
padding: 0;
background-color: #ECE9D8;
color: #333;
font-size: 90%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#logo{
width: 203px;
height:121px;
float: left;
margin-left: -1px;
padding: 0px;
background-color: #ECE9D8;
background-image: url(../img/logo.gif);
background-repeat: no-repeat;
background-position: center;
}
#headerright{
height:121px;
padding: 0px;
margin-left: 203px;
border-left: 1px solid #006;
background-color: #A9A9A9;
background-image: url(../img/headerright-2.jpg);
}

#menu{
width: 204px;
height: auto;
float: left;
margin-left: -1px;
padding: 0px;
background-color: #E4DCCD;
font-weight: bold;
}
#content {
padding: 20px;
margin-left:203px;
border-left: 1px solid #006;

}

#header {
background-color: #fff;
color: #006;
border-bottom: 1px solid #006;
margin-bottom: 0px;
}

#footer {
color: #006;
border-top: 1px solid #006;
font-size: 11px;
text-align: right;
padding: 2px 10px 0 0;
clear: both;
}

Jul 21 '05 #1
1 1432
Wilhelm Kutting wrote:
Hi i got the following layout:

Logo | Headerright
------------------------------------
|
|
|
Menu |Content
|
|
-------------------------------------
Footer

Float the logo left; clear the menu and float that left; clear
the footer.

I like to have the Head and the footer Fix-With

Why? Flexibility is the key to good web design.

But Menu and Content should fill the complete height.

You can try position: absolute on header and footer, but I certainly
wouldn't advise it. In fact, I wouldn't recommend using any position:
.... css unless you're very comfortable with css in general.

I use the follwoing Code

Please post a url to a minimized test case instead.

http://www.spartanicus.utvinternet.i...s_help_you.htm
--
Brian (remove "invalid" to email me)
Jul 21 '05 #2

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

Similar topics

82
by: Peter Diedrich | last post by:
The site design is pretty simple: ============================================ | Head | ============================================ | | ...
0
by: Mattia | last post by:
Hi, big big trouble!! have a page like this +--------+--------------------------------+ | logo | mission | | | who are we |...
47
by: Neal | last post by:
Patrick Griffiths weighs in on the CSS vs table layout debate in his blog entry "Tables my ass" - http://www.htmldog.com/ptg/archives/000049.php . A quite good article.
5
by: Wilhelm Kutting | last post by:
Hi i want to use the following layout: ----------------- | | | | Text line 1 | | | Text line 2 | image.jpg | | ... | | | | | |
10
by: Luke | last post by:
Hi. I am trying to make correct layout, here is an example of (dynamically generated content via jsp): http://localhost/www/layout.htm Most outer div is positioned absolute (if not then it...
5
by: Mr Brown | last post by:
Hi, I have a div <div class="lrgBG">, followed by a footer div <div class="lrgFooter">. I have an image and a table in the lrgBG div, image is floating left and the table is floating right. the...
0
Savage
by: Savage | last post by:
I'm making for fun a simple program which format a input file.Input file sustain of person name,lastname and date of birth.Output file si supposed to be forammted as following: NAME ...
2
by: mnacw | last post by:
Can anybody help me to resolve this prob. i have installed Visual Studio 2005 Professional edition. I am working in VB.Net. When I tried to connect to database it is connected but when i make some...
53
by: brave1979 | last post by:
Please check out my javascript library that allows you to create any layout for your web page, nested as deep as you like, adjusting to width and height of a browser window. You just describe it in...
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: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
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: 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...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
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...

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.