Css Problem

Hallo und schönen Sonntag an die Runde !

Wie schon im Titel geschrieben, habe ich ein kleines Problem mit Css ( denke ich halt mal ):confused:

Hier die Blog URL , ich verwende das Ragi-red Thema als Grundlage und möchte einige Änderungen vornehmen.

Mein Problem liegt im Moment darin dass ich es nicht schaffe das die Abstände links und rechts zu den beiden Sitebars gleich sind, gesehen von dem Teil der das Post ( mitte ) enthält.

Zur linken Sitebar ist alles ok, bei der rechten Sitebar funktioniert das im Moment noch nicht.

Hier mal ein Auschnitt aus der Css Datei bei dem ich denke das es der relevante Teil ist ( hoffe ich halt mal ) hier habe ich schon die Breiten verändert ect... 8)

#container   { background: url("img/content_bg.gif") right center }
#header     { background: #fff url("img/top.jpg") no-repeat center top; margin: 0 auto; padding: 0; width: 900px; height: 183px; border: solid 0 #fc9 }
#main 


 { background: url("img/content_bg.gif"); width: 580px; float: left }


#content       { text-align: justify; width: 410px; float: right; overflow: hidden }
#content2   { margin: 10px; width: 550px; float: left }
#sidebarlinks   { color: #333; font-size: 1em; margin-left: 3px; padding: 0 8px 10px; width: 150px; float: left }
#sidebarlinks h2 { color: #5170b3; font-size: 1em; font-weight: bold; background: url("img/sidenav_topl.jpg") no-repeat center; text-align: center; margin: 10px 0 0; padding: 4px 2px 0; height: 22px; border-style: solid solid none; border-width: 1px 1px 0; border-color: #5170b3 #5170b3 #dfebf8 }
#sidebar        { color: #333; font-size: 1em; margin: 0 3px 0 0; padding: 0 8px 10px; width: 200px; float: right }
.clearer { margin: 0; padding: 0; height: 0; clear: both }
a img {


    border: none;

Stehe ich auf der Leitung :shock:

danke schon mal fürs lesen

msmcse

Zitat von peti

Ersetze mal die jeweiligen width Angaben bei #main und #content wie folgt:

Code

#main {
background: url("img/content_bg.gif"); width: 670px; float: left
}
#content {
text-align: justify; width: 490px; float: right; overflow: hidden
}

[size=8]Ohne Gewähr :P[/SIZE]

Hallo Peti

Danke für die rasche Hilfe, hat super funktioniert
manchmal sieht man den Wald vor lauter Bäume nicht:-D
von welchen Werten weg hast das berechnet ??.

grüße
msmcse
Im Clinch mit dem Blog

Zitat von peti

Ich schaute, durch Eingabe von über dimensionalen Werten, was wofür zuständig war und mir zeigten was sie ausrichten. Der Rest ist Trial & Error.
Einfach mit den Werten spielen, bis es passt.

Schau aber ob es auch im IE passt.

Hi
Ja, das ist der Weg den ich normalerweise auch nehme, aber in dem Fall
hatte ich dann wohl den Baum nicht gesehen.

Danke für den Tipp mit dem IE, das ausrichten funktioniert soweit,
im Moment spinnt der IE bei einem anderen css Problem, ich habe die Position des Eingabefeld für die Suche verstellt ebenfalls die Positionsangaben für die Top Nav ( Links Home ect... )
Im Firefox klappt das alles wunderbar aber im IE verschiebt sich das Eingabefeld für die Suche in die Mitte ??????..

Hast du vielleicht eine Idee ?

grüße
msmcse
Im Clinch mit dem Blog und dem IE