Layout zerschossen

[afrobay]

Hallo,

baue gerade einen neuen Shop. Dabei habe ich drei slice.

Einen baue ich in:

tpl_header.php

Einen in:

tpl_main_page.php

Einen in:

tpl_footer.php

Alles soweit in Ordnung. Nur der Slice in tpl_main_page sitz nicht richtig.

http://www.e4go.com/shop/

ragt links und rechts raus.

habe den Slice in:

Zeile 75

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="slice2">

eingebaut und probiert die Breite der Navigation zu ändern. Die Breite steht auf 150px ist jedoch breiter. Irgendwie kann ich nirgends etwas ändern. Auch die ganz tr kann ich nicht anpassen...

Hat jemand einen Tipp für mich? Oder habe ich den Slice falsch eingebaut?

Danke!

[hugo13]

füg mal ins css folgendes ein

#slice1, #slice2, #slice3{
  border: 1px solid blue;
} 

oder temporär mit FF

[afrobay]

Hmmmm,

sieht aus als würde alles auf 900px stehen. Wäre auch richtig, oder? Gibt es eine Möglichkeit die Navi einzurücken oder muss ich das ganze Layout ändern?

[hugo13]

aktiviere mal 1-3 boxen für nen besseren überblick

[afrobay]

Habe ich aktiviert.

Sehen eigentlich gut aus von der Positionierung. Nur wie bekomme ich den linken/rechten Rand weg?

[hugo13]

so zb:

.centerColumn{
    padding: 0 50px 0 10px; border: 1px solid blue;
}

#navColumnOne{
    background-color: white ;
    background-image:url("../images/slice/page_slice_03.jpg");
    background-repeat:no-repeat;
    padding-left: 60px;
} 

& ein schönes verlängertes WE

[afrobay]

Ja Danke! Dir auch ein schönes WE.



Leider funzt es so nicht genau. Oben kam es rüber. In der Mitte nicht. Muss mal gucken, ob ich etwas falsch gemacht habe...

Neues Layout brauche ich nicht?

[afrobay]

Ohaaaaa

Na jetzt habe ich verstanden was du gemacht hast:

Ein Bild hinter die Navigation! Mit repeat-y hat es jetzt auch gefunzt.

Einfach mit margin-left geht ja leider nicht. Frage mich, warum man die Navi nicht einfach einrücken kann?

Bei der navbredcrumb hat width 638px geholfen.

[malaclyps]

... Frage mich, warum man die Navi nicht einfach einrücken kann? ...

Warum nicht? Siehe da: http://msfgw.de/testshop

#navMain {
        margin-top:5px;
        margin-left:80px;
        }

Die Überschreitung rechts kriegst Du wahrscheinlich mit

.centerColumn {
        padding-right: XX
        }

oder

.centerColumn {
        width: XX
        }

in den Griff.

[afrobay]

Hallo!

Das funktioniert leider nicht. Keine Ahnung warum...

#navMain {
margin-top:5px;
margin-left:80px;
}

Das andere funktioniert gut mit:

.centerColumn {
width: XX
}

Danke!

[malaclyps]

...

Das funktioniert leider nicht. Keine Ahnung warum...

#navMain {
margin-top:5px;
margin-left:80px;
}
...

Hast Du mal versucht das margin ans Ende der stylesheet.css zu setzen? (Die Werte natürlich ändern)
Wenn Du es weiter oben definierst wird es mgl. später durch ein "margin:0" wieder aufgehoben.