Hallo liebes Forum.
Und zwar habe ich folgendes Problem:
Ich mache gerade eine Website, die mittels min- und max-width und dazu noch width in % ein Design ergibt, das sich nach Fenstergröße skalliert.
Leider habe ich nun ein Problem:
Ich habe rechts oben (eigentlich nicht relevant wo es ist ;-) ) ein Feld im Header, das natürlich auch mitwachsen soll.
Das ist kein Problem, aber der Kunde wünscht ein ausgefallenes Design und deswegen hab ich meine HG-Grafik in 3 Teile geschnipselt.
Linken Rahmen, Mittelteil von dem einfach nur ein Ausschnitt angezeigt wird und der rechte Rahmen.
Das Problem liegt aber hier:
Der linke und der rechte Rahmen haben eine feste Breite von 20 Px und nur der Mittelteil soll wachsen.
Wenn ich nun wieder wie vorhin genannt mit dieser Methode arbeite wird die Mittlere Box bei jeder Auflösung verschieden groß und sprengt teilweise das Design bzw ist zu klein.
Gibt es für diese Problematik eine Lösung????
Hier der Code:
http://www.knorpelaufbau.at/supercomp/
hier liegt die Website, die derzeit in Entstehung ist.
Wäre wirklich klasse, wenn ihr mir da helfen könntet.
Glg
Chris
Und zwar habe ich folgendes Problem:
Ich mache gerade eine Website, die mittels min- und max-width und dazu noch width in % ein Design ergibt, das sich nach Fenstergröße skalliert.
Leider habe ich nun ein Problem:
Ich habe rechts oben (eigentlich nicht relevant wo es ist ;-) ) ein Feld im Header, das natürlich auch mitwachsen soll.
Das ist kein Problem, aber der Kunde wünscht ein ausgefallenes Design und deswegen hab ich meine HG-Grafik in 3 Teile geschnipselt.
Linken Rahmen, Mittelteil von dem einfach nur ein Ausschnitt angezeigt wird und der rechte Rahmen.
Das Problem liegt aber hier:
Der linke und der rechte Rahmen haben eine feste Breite von 20 Px und nur der Mittelteil soll wachsen.
Wenn ich nun wieder wie vorhin genannt mit dieser Methode arbeite wird die Mittlere Box bei jeder Auflösung verschieden groß und sprengt teilweise das Design bzw ist zu klein.
Gibt es für diese Problematik eine Lösung????
Hier der Code:
Code:
<div id="header_rechts">
<div id="header_rechts_links"></div>
<div id="header_rechts_mitte">
{global_content name='header_rechts'}
</div>
<div id="header_rechts_rechts"></div>
</div>
Code:
#header_rechts{
width:25%;
height:200Px;
float:right;
text-align:left;
color:#000000;
background-color:#FFF;
background-image:url(images/vorteile_mitte.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header_rechts_links{
float:left;
background-image:url(images/vorteile_li_rand.jpg);
background-position:top;
background-repeat:no-repeat;
width:20Px;
height:200Px;
}
#header_rechts_mitte{
float:left;
width:80%;
min-width:226Px;
max-width:392Px;
}
#header_rechts_rechts{
float:right;
background-image:url(images/vorteile_re_rand.jpg);
background-position:top;
background-repeat:no-repeat;
width:20Px;
height:200Px;
}http://www.knorpelaufbau.at/supercomp/
hier liegt die Website, die derzeit in Entstehung ist.
Wäre wirklich klasse, wenn ihr mir da helfen könntet.
Glg
Chris
