This website can use cookies to improve the user experience

This website can use cookies to improve the user experience and to provide certain services and functions to users. Cookies contain small amounts of information (such as login information and user preferences) and will be stored on your device.

Enable All Cookies Privacy Policy

Setting the width and height of certain elements


avatar
cosmin 269
From: -
Setting the width and height of certain elements

Hello Philipp, I need to set the dimensions of some elements. It would take ages to write a layout from scratch but I can't really figure out how you organized your layout.
Which layer sets the width of the page, I want it fixed width instead of fluid and with margins on the sides like
 File Portal - Download

. Also, which layers control the header and footer height?
And which layers set the width of the columns?

Notice

This topic is archived. New comments cannot be posted and votes cannot be cast.

Responses to this topic


1 Re: Setting the width and height of certain elements
avatar
Editor
0
From: -
Which layer sets the width of the page, I want it fixed width instead of fluid and with margins on the sides like
 File Portal - Download


pageborder:
.pageborder

{
margin-left: auto;
margin-right: auto;
width: 98%;
text-align: left;
background-color: rgb(211, 211, 211);
border: 8px solid rgb(255, 255, 255);
}


Also, which layers control the header and footer height?


centerborder:
.centerborder

{
height: 90px;
padding: 0px;
background-color: rgb(211, 211, 211);
color: rgb(0, 0, 0);
font-size: 11px;
font-weight: normal;
font-family: LucidaGrande, Verdana, Helvetica, sans-serif;
margin: 0px;
}


and pagefooter:
.pagefooter

{
height: 14px;
color: rgb(255, 255, 255);
font-family: LucidaGrande, Verdana, Helvetica, sans-serif;
background-color: rgb(0, 0, 128);
font-size: 12px;
clear: both;
text-align: center;
padding-top: 2px;
line-height: 14px;
}


And which layers set the width of the columns?


colleft and colright:
.colleft

{
margin-top: 15px;
margin-bottom: 15px;
float: left;
width: 160px;
padding: 5px;
background-color: rgb(211, 211, 211);
}
.colright {
margin-top: 15px;
margin-bottom: 15px;
float: right;
width: 160px;
padding: 5px;
background-color: rgb(211, 211, 211);
}

Notice

This topic is archived. New comments cannot be posted and votes cannot be cast.