Question

[timmy0320]

What is the 'typical' width to set my page at? What do most average people use? I was thinking 1024 has become pretty standard but I don't know.

[timmy0320]

Let me re-phrase my question because I need some help. lol. Take a look at this test page

 

 

The left and right boxes should display next to each other not on top of each other like they code.

 

<div id="headerbox"> <!-- begin headerbox -->
  
  <div id="logo"> <!-- begin logo -->left side</div> 
  <!-- end logo -->
  
  <div id="search"> <!--begin search -->right side test</div> 
</div> 
<!-- end headerbox -->

 

#headerbox {
position: relative;
width: 1000px;
text-align: center;
margin-bottom: 0;
}

#search {
position: relative;
height: 100px;
width: 300px;
text-align: left;
margin: 0;
}

#logo {
position: relative;
height: 100px;
width: 400px;
text-align: right;
margin-bottom: 0
} 

 

 

[timmy0320]

Alright I fixed the boxes. Now how do I make the 'headerbox' force everything to stay at the width of 1000px? It seems to not be doing it . Check out the link you will see. Here is updated CSS code:

 

#headerbox {
position: relative;
width: 1000px;
text-align: center;
margin-bottom: 0;
}

#search {
float: right;
height: 100px;
width: 300px;
text-align: center;
margin: 0;
}

#logo {
float: left;
height: 100px;
width: 400px;
text-align: center;
margin-bottom: 0
} 

[ToonMariner]

why not just give your body the width??? and give it margin: 0 auto; to center it.

[timmy0320]

why not just give your body the width??? and give it margin: 0 auto; to center it.

 

Ah thanks, did that and also found out why it was aligning to the right in Firefox. I had the body floating right  :-\