• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Warum geht mein Container nicht die volle Seitenbreite lang?

W

Waterfront

New member
Moin,

Ich hab das Problem, das man auf meiner Website nach rechts scrollen kann, also rechts am Rand hören einfach die beiden schwarzen Trenn Balken auf.
f6b91a50a0.jpg
Eigentlich hab ich alle meine "großen" Container auf width:100%; gestellt!?

Gamerino

LG
Water
 
Also folgende Elemente legen die Breite Fest:

Code: 
html, body {
	font-family: Verdana, Arial, sans-serif;
	color: black;
	height:100%;
	width:100%;
	margin: 0;
	background-image:url('../images/lol_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;

	background-color:#E8E8E8 ;
}

#website{
height:100%;
width:100%;
}

Also wenn es jemanden Hilft hier sieht man die Schichten der Website

So sind meine Container ineinander gestaffelt:
Code: 
<html>
    <body>
        <website>
           <obere schwarze leiste>
           <BilderWechselDing>
           <mittlere schwarze leiste>
           <menü links>
           <content>
           <news rechts>
           <bottom>

HTML,BODY,WEBSITE haben width:100%
Obere & Mittlere Schwarze Leiste haben width:100%
der Rest, bisauf bottom, haben feste breiten um sie zentriert auszurichten


Ist es so verständlich?

LG
 
Willst du eigentlich dass man da nach rechts scrollen kann?
Denn ich würde ja einfach das abstellen (indem du die ganzen unnötigen padding-Angaben z.B. in #bottom und #top_bar entfernst).
 
Also das mit dem Padding entfernen hat schonmal ein bisschen was gebracht, Danke!
Ich habe dann noch andere Padding Einstellungen Überprüft und nichts gefunden was weiterhin den Rechten Rand verursachen könnte.

Allerdings ist mir aufgefallen, das es vllt daran liegen könnte, wenn ich das Browser Fenster verkleinere bzw. in die Website Zoome, dann entsteht dieser Rand (Also um mal diesen Rand zu definieren (Bild) Die schwarzen Balken hören einfach auf, und der Background auch (das da ein Bild angezeigt wird ist ein Grafik Bug durch JS verursacht))

Ich hab so das Gefühl, das der Rand dadurch entsteht, weil der obere Teil der Website (Top&Mid Bar, CoverFlip) width:100%; haben und alles darunter, damit ich es mit margin:auto; centrieren konnte eine feste Größe hat.

Hast du ne Idee wie ich das umschreiben muss das sich der Rand aufhebt?

//EDIT:

Den rechte Rand konnte ich durch main width:100%; beheben.
Wie soll ich jetzt aber den Main Container horizontal mittig ausrichten? :(
mit margin:auto; gehts ja nicht mehr

LG
Water
 
Zuletzt bearbeitet:
Da dein Layout sowie komplet durcheinandergerät, wenn die Anzeige nicht breit genug ist, könntest du dein Problem mit einem min-width: 1444px; im <html> lösen.
 
Hallo,

versuchs mal im body mit
margin:0 auto;
und
width: cover;
min-width: auto;

evtl.
padding: o;

Hoffe konnt e Helfen

LG
Wolf
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben