[CSS] Div mit maximaler ausdehnung aber nicht 100%

[reox]

Ich hab folgendes Problem bei einer Webseite:
Die Seite ist so gegliedert:
<div class="wrapper">
<div class="w_header">
<div class="c_header">
<h1>
</h1>
</div>
<div class="c_primary">
<ul class="links primary-links">
</ul>
</div>
</div>
<div class="w_content">
</div>
</div>


Das CSS für den Header Wrapper:
.w_header{
height:51px;
width:100%;
border-top:1px solid white;
}

Das CSS für den linken Block:
.c_primary{
background-image:url(gfx/grafik_02.jpg);
background-repeat:no-repeat;
float:left;
width:668px;
height:51px;
color:white;
font-size:14px;
text-align:center;
line-height:51px;
}

Das CSS für den rechten Block
.c_header{
width:282px;
height:51px;
float:right;
background-image:url(gfx/grafik_03.jpg);
background-repeat:no-repeat;
color:white;
font-size:18px;
text-align:center;
}


Jetzt soll der c_primary aber nicht eine bestimmte breite haben, sondern die maximale ausdehnung, also im prinzip bildschirmgröße-282px. 100% geht da aber net, da dann wirklich 100% des bildschirms genommen wird... Wie geht das? Ich komme einfach auf keine gescheite Lösung...

 

[MaedeG]

AW: [CSS] Div mit maximaler ausdehnung aber nicht 100%

du könntest die breite ja 100% machen und sagen und dann ein margin-left:50px; setzen. dir fehlt noch ein clear:both; wegen dem float.

 

[Herr_D]

AW: [CSS] Div mit maximaler ausdehnung aber nicht 100%

Gar keine Breite angeben... nimmt sich den Platz der übrig ist...


wenn du nur 2 Elemente hats, dann kannst du dir ein clear: schenken... nimm clear: right dann sollte es funzen (Reihenfolge der div beachten)

		<style type="text/css">
<!--
.w_header{
    height:51px;
    width:100%;
    border-top:1px solid white;
}


.c_primary{
    background-image:url(gfx/grafik_02.jpg);
    background-repeat:no-repeat;
    background-color:#444; /* kann wieder raus, war nur zum Testen */
    height:51px;
    color:white;
    font-size:14px;
    text-align:center;
    line-height:51px;
}


.c_header{
    width:282px;
    height:51px;
    float:right;
    background-image:url(gfx/grafik_03.jpg);
    background-repeat:no-repeat;
    color:white;
    font-size:18px;
    text-align:center;
}
-->
</style>

<div class="wrapper">
        <div class="w_header">
                <div class="c_header">
                        <h1></h1></div>
                <div class="c_primary">
                        <ul class="links primary-links"></ul>
                </div>
                <div style="clear:both"></div>
        </div>
        <div class="w_content"></div>
</div>

 

[reox]

AW: [CSS] Div mit maximaler ausdehnung aber nicht 100%

Hallo! Vielen Dank!!! so gehts perfekt!