div Problem

[Davi]

hallo zusammen,

ich habe 2 divs nebeneinander positioniert. das erste hat eine breite von 121 und das zweite soll sich über den ganzen bildschrim ziehen bis zum rand! jetzt habe ich beim 2. als width 100% eingetragen...was jetzt aber etwas über den rand hinausschießt.

hier mein html code:

<div id="headerBlank">  
  <div id="headerLeft"></div>  
  <div id="headerRight">right</div>  
</div>

und hier mein dazugehöriges css:

#headerBlank  
    {  
        width: 100%;  
        height: 20px;  
        margin: 0 auto;  
        padding: 0px;  
  
    }  
  
#headerLeft  
    {  
  
        width: 121px;  
        height: 20px;  
        margin: 0px;  
        padding: 0px;  
        float: left;  
    }  
  
#headerRight  
    {  
        border: solid 1px #b3b2b2;  
        float: left;  
        width: 100%;  
        height: 20px;  
        margin: 0px;  
        padding: 0px;  
        background-image: url(../images/spacer_top.png);  
    }

kann mir einer erklären wie ich das gescheit ausgerichtet bekomme?

vielen dank
davi

[ChrisB]

Hi,

ich habe 2 divs nebeneinander positioniert. das erste hat eine breite von 121 und das zweite soll sich über den ganzen bildschrim ziehen bis zum rand! jetzt habe ich beim 2. als width 100% eingetragen...was jetzt aber etwas über den rand hinausschießt.

hier mein html code:

<div id="headerBlank">

<div id="headerLeft"></div>
  <div id="headerRight">right</div>
</div>

  
  
Die IDs headerLeft und headerRight sind ungünstig gewählt, weil sie sich auf die derzeit gewünschte Darstellung beziehen.  
  

> kann mir einer erklären wie ich das gescheit ausgerichtet bekomme?  
  
Verzichte darauf, das zweite Element zu floaten und ihm eine Breitenangabe zu geben.  
  
MfG ChrisB  
  

-- 
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]

[Davi]

Vielen Dank, das hat sehr geholfen!