Layout mittig in CSS
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
auto
befehlen
beitrag
body
center
container
datei
design
dokument
externen datei
fest
gruss
inhalt
layout
main
margin
opus
right
seitenbereich
vorschlag
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wie wäre es, wenn du mal den Code hier posten würdest, bzw. die Teile des Codes, die wichtig sind?
Das würde schonmal helfen.
Vielleicht hilfreich: http://www.css4you.de/wslayout1/ex0003.html -
Also,
meine CSS-Datei habe ich ausgelagert bzw. ich habe die CSS-Befehle nicht direkt im HTML-Dokument sondern in einer externen Datei, auf die im HTML-Dokument verwiesen wird.
Der CSS-Code:
body {
text-align:center;
}
#seitenbereich {
margin:0 auto;
text-align:left;
}
'#seitenbereich' wird dann in der HTML-Datei gekennzeichnet, dann sollte sich der Teil zwischen:
<div id="seitenbereich">
und:
</div>
zentrieren...macht er aber nicht... -
Also ... Wenns beim ersten mal Abschicken drücken nicht so wirkt, als wollte er übertragen, einfach mal auf einen anderen Tab gehen und abwarten... So mache ich das immer. Kommt ja auch selten vor. Denn wenn du zwei oder gar dreimal drückst, kommen auch entsprechend viele Antworten.
Hast du denn im Div auch entwas anderes als Text??
Wenn nicht, ist das klar, dass der links ausgerichtet ist etc.
-
im div ist alles, die navi usw...
-
Ja ohne den Quellcode gehts auch nicht.
Oder hast du die Seite irgentwo hochgeladen?
Edit: Wenn im Div alles ist, warum machst du dann
body{
text-align:center;
}
?
Beitrag geändert: 17.7.2007 12:21:49 von gordan -
Also die ausgelagerte CSS-Datei (etwas konfus):
http://webmaster123.lima-city.de/webpub/design.css
HTML-Datei:
http://webmaster123.lima-city.de/webpub/home.html -
Du solltest erstmal ne feste Breite für das Zentrierte festlegen.
Dann passt da auch sonst was nicht. So sollte es aussehen. und das text-align: center beim body ist unnötig.
#seitenbereich { width: 800px; position: relative; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: left; }
Wäre mein Vorschlag, habe ich ejtz allerdings nicht ausprobiert.
-AlienDwarf -
Soo
Also in die HTML-Datei musstest du nur einen weiteren Div-Container einfügen. Dem früheren Hauptdivcontainer habe ich eine bestimmte Breite zugeteilt, sodass er sich nicht beliebig ausbreitet.
In diesem Fall 760- kannst du natürlich anpassen.
Und dieser Divcontainer richtet sich innerhalb des neuen Divcontainers (main) aus. Dadurch bleibt dein Layout immer zentriert, egal welche Bildschirmauflösung verwendet wird.
#main {
width:100%; /* Umschließender Divcontainer */
}
#seitenbereich {
width:760px; /* Breite des Hauptinhaltsbereiches */
text-align:left; /* Inhalt wieder links */
margin:0 auto;
}
Das tust du nun in deine .css Datei. Du ersetzt damit der #seitenbereich.
Und in die HTml Datei schreibst du
<div id="main">
<div id="seitenbereich">
...
Und schließt entsprechend am Ende eine Div mehr als vorher.
Musste eigentlich alles stimmen.
in Opera sieht alles gut aus. Firefox habe ich nicht installiert .
Im Amaya siehts auch ok aus.
Gruß, Gordan -
Hat alles geklappt, DANGEEE
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage