|
|||
Seite mittig zentrieren
Hallo liebe xhtml Freunde
Vorab möchte ich erläutern, dass ich ein absoluter Neuling im Bereicht html und css bin. Also dann komme ich mal zu meinem Problem. Ich schreibe für eine Arbeit in der Schule eine Webite. Ich arbeite in TYPO3 und habe vor 4 Wochen als absoluter Neuling begonnen. Ich habe nun eine einigermassen gute (für meine Anspröche) Website. Ich scheitere jedoch daran diese korrekt zu zentrieren, unabhängig des Browsers und der Auflösung von den andern. Ich schicke euch nun mein html template script und mein css script. Bei mir funktionieren sie ziemlich gut, nur zentriert es nicht 100%ig genau und bei den andern stimmt es absolut nicht(abgeschnitten etc..) Ich bitte euch helft mir ich bin absolut am verzweifeln und muss Ende nächste Woche fertig sein. Ihr seit meine letzte Rettung HTML template: Zitat:
Css script: Zitat:
so das wars.. Ich habe shcon versucht den ganzen Kram (=Body inhalt) in einen Container zu packen und diesen zu zentrieren, jedoch hat es mir dann die einzelnen Container in der Ansicht auseinandergeschoben und sie waren nicht mehr fixiert (???). Wenn Ihr eine Lösung finden solltet nur raus damit oder am besten gleich in meinen Code einbauen und den ganzen gleich posten. Ihr könnt mir auch mailen falls es Euch lieber ist unter: fabrice.koenig@hotmail.com Ich danke euch für jede Hilfe! |
Sponsored Links |
Sponsored Links |
|
|||
hi,
etwas Starthilfe. Code:
* { margin: 0; padding: 0; } } html { height: 101%; } body { font: 100.1% Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; /* fuer IE 5 */ } #container { border: 1px solid #555; margin: 0 auto; text-align: left; width: 1150px; } #banner { background-color: #ffc462; color: #000; } #newsticker { background-color: #f0e68c; color: #000; } #menu { background-color: #ffd5ee; color: #000; width: 300px; float: left; } #content { background-color: #d5eeff; color: #000; margin-left: 300px; } #content .service { background-color: #fff; color: #000; } #footer { background-color: #beb8e0; clear: both; color: #000; } HTML-Code:
</head> <body> <div id="container"> <div id="banner">banner... </div> <div id="newsticker">newsticker... </div> <div id="menu">menu... </div> <div id="content">content... <div class="service">service... </div> </div> <div id="footer">footer... </div> </div> </body> </html> Geändert von K.Roland (23.05.2011 um 02:30 Uhr) |
|
||||
Zitat:
Für die Basics gibt es Little Boxes.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
|||
Vielen Dank euch allen!
Ich bin nun ein gutes Stück voran gekommen und die Seite wird nun korrekt zentriert! "Yippie!!" Jetzt hab ich nur noch ein kleineres Problem Meine Seite: Projectsite: Startseite Ich zeige es euch am besten gleich wieder mit meinen Scripts: HTML: Zitat:
ROT => Wird nicht angezeigt!! CSS: Zitat:
Seht ihr was ich meine? Der Text im Service container wird so weder definiert noch angezeigt und ich habe echt keine Ahnung wieso.. Bitte helft mir doch kurz auf die Sprünge Gruss Fabrice.K Ps. Einige haben mir geschrieben TYPO3 sei zu schwer als Neuling. Ja es mag sein aber ich kanns nicht ändern.. Ich mache das für eine Arbeit in der Schule und mein Thema ist es in 5 Wochen (die letze ist dran) via TYPO3 als Neuling eine sogut als mögliche Website zu erstellen. Ich zähle auf euch! Geändert von FabriceAbc (23.05.2011 um 18:25 Uhr) |
|
||||
Ich kenne mich nicht besonders gut mit TYPO3 aus, aber das gesamte Element wird nicht gerendert. Es ist einfach nicht im HTML. Vielleicht liegt es an dem Schreibfehler im Kommentar, es kann aber aus sein, dass es nicht zwischen <!--###CONTENT###begin--> und <!--###CONTENT###end--> stehen darf.
Genauer kann ich dir aber leider auch nicht helfen. Sorry.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! |
|
|||
Zitat:
Brauchst Du nicht, denn genau das hat gefehlt!! DANKE! Nur ist der Service Balken plötzlich leider mitten im Conent und dazu noch gefixxt, das heisst er reagiert nicht auf angaben wie top oder dergleichen.. Bitte schau doch meine Website kurz an dann siehst Du oder die andern es: Projectsite: Startseite Es könnte etwas länger zum laden dauern die Seite läuft über XAMPP.. |
|
||||
Wohin soll der Balken denn?
Der Inhalt ist halt nicht höher... Edit: Content gegen "der Inhalt" gestauscht. Edith sagt: Wenn der Kasten auf den Balken "unter" Content soll, dann würde ich den im Layout auch dort anordnen. Das heißt, wenn .service unter #content und content bekommt 50px weniger Höhe. .service bekommt dann das Stück von den Hintergrundbild und es müsste eigentlich passen.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! Geändert von Praktikant (23.05.2011 um 18:50 Uhr) |
|
|||
Der Balken müsste halt da runter wo es jetzt lehr ist. Unter den Content über den Footer.
Das Problem ist, sobald ich den Service Container im HTML aus dem Content Container rausnehme kann ich ihn wieder nicht mehr definieren.. bzw. ich kann ihn nicht genau in die lehre Stelle schieben. Edit: satz hinzugefügt Geändert von FabriceAbc (23.05.2011 um 18:51 Uhr) |
Sponsored Links |
|
||||
Habe noch einmal was zu meinem Post hinzugefügt.
Das geht aber eigentlich genauso, wenn TYPO3 den Balken ausgibt. Du darfst nur im CSS nicht #content .service schreiben, sondern nur .service.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! |
Sponsored Links |
Stichwörter |
body, css, html, margin, script, template, text, xhtml |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
seite will nicht mittig | k-f-r-123 | CSS | 18 | 28.12.2009 16:39 |
Seite wird auf anderem Computer falsch dargestellt | Patrick Egli | CSS | 3 | 01.11.2009 10:40 |
Seite mittig zentriert | jenny79 | CSS | 8 | 16.08.2006 19:07 |
komplette Seite zentrieren | Tobbe | (X)HTML | 2 | 14.08.2006 17:02 |