Seite 1 von 2
Body übernimmt headerinformationen
Verfasst: 05.03.2007 13:01
von muppet inc.
hallo,
also ich wusste nicht wie ich den topic nennen sollte. bin in der ganzen html gschichte nicht mehr so fit.
also, mein problem ist folgendes: ich habe die overall_header so angepasst, dass jetzt der obere teil meines forums eine art grafik schmückt, welche direkt am fensterrand angesiedelt ist (hier kann mans sehen:
http://seophpbb.raise-your-fist.com/ )
dies habe ich erfolgreich erreicht durch folgenden code:
Code: Alles auswählen
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
leider ist nun aber auch der index body komplett an den rand gezogen. ich möchte dass da wieder ein paar pixel zum rand frei sind. wie mach ich das am besten?
bin für jede hilfe dankbar!
gruß,
frank
Verfasst: 05.03.2007 18:33
von punkface
Den "Inhalt", der einen anderen Abstand zum Rand haben soll, in ein div packen, und diesem div-Element einfach andere Werte für die Eigenschaft Außen- oder aber auch Innenabstand geben.
Bsp.: In der overall_header.tpl nach dem HTML Code für das Menü das div-Element mit <div id="content"> öffnen, in der overall_footer.tpl vor </body> mit </div> wieder schließen. In die CSS Datei z.B. folgenden Code für einen Außenabstand von 10 Pixeln links und rechts einfügen:
edit: Fehler berichtigt. </div> muss natürlich in die overall_footer.tpl und nicht in die overall_header.tpl eingefügt werden.
Verfasst: 05.03.2007 19:28
von muppet inc.
punkface hat geschrieben:Den "Inhalt", der einen anderen Abstand zum Rand haben soll, in ein div packen, und diesem div-Element einfach andere Werte für die Eigenschaft Außen- oder aber auch Innenabstand geben.
Bsp.: In der overall_header.tpl nach dem HTML Code für das Menü das div-Element mit <div id="content"> öffnen, in der overall_header.tpl vor </body> mit </div> wieder schließen. In die CSS Datei z.B. folgenden Code für einen Außenabstand von 10 Pixeln links und rechts einfügen:
du bist so ein gott ey! vielen dank! das hats gemacht
Verfasst: 05.03.2007 19:52
von punkface
muppet inc. hat geschrieben:[...] das hats gemacht
Trotz Fehler in meiner Beschreibung ... dufte
muppet inc. hat geschrieben:vielen dank!
Kein Ding...
Verfasst: 08.03.2007 16:31
von muppet inc.
hey,
mir ist jetzt aufgefallen, schaut man sich das ganze mit dem internetexplorer an, muss man auf einmal nach rechts scrollen?
warum ?
Verfasst: 10.03.2007 15:43
von muppet inc.
*PUSH*
keiner ne lösung?
...
Verfasst: 11.03.2007 00:39
von MaxWebWorld
ändere doch einfach mal folgenden
in
Erklärung:
margin = der Abstand ausserhalb des div-tags - Beispiel: <-
|___| ->
padding = der innere Abstand - Beispiel:
| -> <- |
jetzt sollte es klappen
Grüße
PS: Da Du für den "body" als margin:0px und für die, vom div#content umschlossene Tabelle 100% definiert hast, wobei der div-tag auch 100% der Breite einnimmt und dieser dann zusätzlich noch einen Abstand nach aussen von 10px haben soll, ergibt sich der unerwünschte scroll-effekt.
Verfasst: 11.03.2007 03:26
von muppet inc.
selbst damit, wird im IE immernoch ein srollbalken angezeigt. bei firefox tritt dieses "phänomen" nicht auf.....
Verfasst: 30.03.2007 12:53
von muppet inc.
nochmal *PUSH*
niemand ne lösung?
Verfasst: 30.03.2007 14:56
von StarWolf3000
das hängt leider mit der fehlerhaften Interpretation des Box-Modells im IE 5.x / 6.x im Quirks-Modus zusammen