#left .inside hat ungewollt einen Außenabstand

Hi Leute,

meine erste Homepage ist schon seit ein paar Wochen fertig und in Betrieb. Mich stört jedoch noch eine Kleinigkeit...

Irgendwie ist der Inhalt der linken Spalte ganz wenig nach rechts verschoben. Das kann ich sehen, wenn ich mit Firebug das Element untersuche.
Ich habe per CSS schon mit #left .inside den Außenabstand auf 0 gesetzt, jedoch brachte das kein Erfolg.

Ich weiß nicht mehr weiter und verzweifle so langsam...

Die Homepage ist unter: http://def1991.mensa.uberspace.de/tv...abelle-26.html zu finden.

Ich hoffe Ihr könnt mir helfen.

(EDIT) Habe es nun doch endlich lösen können:

Code:

---

#left {
  right:122px;
  width:122px;
}
#left .inside {
  margin:0;
  padding:0;
}

---

Hallo,

#main soll eine Breite von 100% haben.
Du gibst #main aber noch border-left und border-right mit jeweils 1px. Das bedeutet, dass #main jetzt 100% + 2px breit ist, was dein Layout um diese 2px aufbricht.

Lösung: die Border-Anweisungen müssen nach: #main .inside {border-left: 1px solid #000; ...}

Noch ein ein paar Tipps für die linke Navi:

#left .mod_navigation li:
-----------------------------
float: left entfernen
height und width Einträge entfernen
display: block eintragen (= Linkbreite 100%}
margin: 0
padding: 0

#left .mod_navigation a, #left .mod_navigation span
------------------------------------------------------------
height und width Einträge entfernen
Höhe der Links nur über padding lösen: z.B. padding: 15px 0 5px;}
display: block eintragen (= volle Breite und Höhe ist klickbar}

Noch etwas

#main .inside
Ändere beide margin-Werte in padding-left bzw. padding-right

Hi,

danke für deine Tipps, das werde ich die Tage direkt mal umsetzen.
Bin halt noch ein Anfänger und das ist die erste Seite. Da bin ich immer dankbar, wenn ich etwas besser / schlauer lösen kann.

Zitat:

---

Zitat von HobbyWebProgrammer

Hi,

danke für deine Tipps, das werde ich die Tage direkt mal umsetzen.
Bin halt noch ein Anfänger und das ist die erste Seite. Da bin ich immer dankbar, wenn ich etwas besser / schlauer lösen kann.

---

Habe alles umgesetzt, funktioniert super :-): Danke.