Noch nicht viel geschrieben
HI
Ich versuche gerade ein Template für Joomla selber zu bauen und hab als Anfänger Probleme.
Bisher hab ich immer Fertige Templates mit firebug usw. umgebaut aber jetzt will ich wirklich mein eigenes.
Zu meinen Problem:
Ich habe 3 div´s nebeneinander mit Hintergrundbildern und einer Mindestbreite für das ganze Template. Das hab ich soweit hingebracht aber sobald ich versuche das mittlere div flexibel für die Broswergrösse zu machen und zb width:100% zu verwenden wird der Abstand zum linken Rand mit gerechnet und die Breite ragt über den Browserrand hinaus.
Dabei entsteht eine Scrollleiste die auch auch nicht weg bekomme.
Ich hab schon so viel herum getestet das ich jetzt einfach gar nicht mehr durchblicke. Hab nebenbei immer versucht mit den css4you und selfhtml Seiten zu arbeiten aber jetzt bin ich noch verwirrter.
hier meine codes: (sorry wenn alles etwas stümperhaft wirkt)
:'uhm::'uhm:
lg LH.
Ich versuche gerade ein Template für Joomla selber zu bauen und hab als Anfänger Probleme.
Bisher hab ich immer Fertige Templates mit firebug usw. umgebaut aber jetzt will ich wirklich mein eigenes.
Zu meinen Problem:
Ich habe 3 div´s nebeneinander mit Hintergrundbildern und einer Mindestbreite für das ganze Template. Das hab ich soweit hingebracht aber sobald ich versuche das mittlere div flexibel für die Broswergrösse zu machen und zb width:100% zu verwenden wird der Abstand zum linken Rand mit gerechnet und die Breite ragt über den Browserrand hinaus.
Dabei entsteht eine Scrollleiste die auch auch nicht weg bekomme.
Ich hab schon so viel herum getestet das ich jetzt einfach gar nicht mehr durchblicke. Hab nebenbei immer versucht mit den css4you und selfhtml Seiten zu arbeiten aber jetzt bin ich noch verwirrter.
hier meine codes: (sorry wenn alles etwas stümperhaft wirkt)
Code:
</head>
<body>
<div id="box">
<div id="nr1"></div>
<div id="nr2"></div>
<div id="nr3"></div>
</div>
</body>
</html>
Code:
body {
background-image: url(Vintage_Pattern_Dark_by_nouseforaname.jpg);
margin: 0 auto;
}
#nr2 {
background-image: url(Bilder/club-neu-test_02.jpg);
background-repeat: repeat;
height: 520px;
width: 768px;
margin-left: 287px;
position: absolute;
z-index: 2;
}
#nr1 {
position: absolute;
z-index: 1;
width: 287px;
height: 520px;
background-image: url(Bilder/2_02.jpg);
}
#nr3 {
height: 520px;
width: 523px;
position: absolute;
z-index: 3;
right: 0px;
background-image: url(Bilder/4_04.jpg);
}
#box {
width: 100%;
height: 520px;
min-width: 1578px;
position: absolute;
}
lg LH.