|
|||
navigationszeile bleibt immer links :-( rest der seite ist zentriert
hallo leute,
diesmal wollt ich komplett auf tabellen verzichten... so bekomme ich die seite irgendwie nicht zentriert... die navi-zeile bleibt immer links stehen, außerdem bekomme ich den navitext nicht horizontal zenriert ohne mir das layout zu zerschießen... meinen hintergrund möcht ich aber so schon gerne nutzen wollen... kann mir bitte einer 'nen tipp geben? hier die ansicht: http://www.project-minimal.de und hier der quelltext: .head { background-image:url(images/head_01.gif); background-repeat:no-repeat; width:800px; height:100px; } .navi { list-style-type: none; width: 800px; float: left; font-family: Verdana ,Arial,sans-serif; font-size: 12px; font-weight: bold; text-align:center; margin: 0; } /* button 01 */ .navi_01 a { color: #000000; text-decoration: none; background-image:url(images/button_01.gif); width:100px; height:25px; float:left; } .navi_01 a:hover { color: #fff; text-decoration: none; background-image:url(images/button_01_over.gif); width:100px; height:25px; } /* button 02 */ .navi_02 a { color: #000000; text-decoration: none; background-image:url(images/button_02.gif); width:100px; height:25px; float:left; } .navi_02 a:hover { color: #fff; background-color: #999; text-decoration: none; background-image:url(images/button_02_over.gif); width:100px; height:25px; } /* button 03 */ .navi_03 a { color: #000000; text-decoration: none; background-image:url(images/button_03.gif); width:100px; height:25px; float:left; } .navi_03 a:hover { color: #fff; text-decoration: none; background-image:url(images/button_03_over.gif); width:100px; height:25px; } /* button 04 - platzhalter rechts */ .navi_04 { color: #000000; text-decoration: none; background-image:url(images/button_04.gif); width:500px; height:25px; float:right; } .main { background-image:url(images/back.gif); background-repeat:no-repeat; width:800px; height:535px; clear: left; padding-left:15px; padding-right:15px; padding-top:15px; } .copy { text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; width:800px; } ------------------------------- <div class="head"> </div> <div class="navi"> <div class="navi_01"><a href="#">HOME</a> </div> <div class="navi_02"><a href="#">KONTAKT</a> </div> <div class="navi_03"><a href="#">IMPRESSUM</a></div> <div class="navi_04"> </a> </div> </div> <div class="main"> Hier steht der Seiteninhalt... </div> <div class="copy">Copyright/Kleingedrucktes/usw.</div> -------------------------------- schonmal vielen dank! bigR |
Sponsored Links |
|
||||
Moin,
leg einen div#wrapper um alles , gib ihm eine Breite und margin:0 auto;. Für die Navi guck mal hier.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
Sponsored Links |
Stichwörter |
float, zentrieren |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bräuchte Hilfestellung weil meine Seite nicht richtig angezeigt wird. | Picasso | CSS | 36 | 03.01.2011 20:41 |
Element ausserhalb seite positionieren, so daß keine scrollbar entsteht | st-SaHiB | CSS | 5 | 20.07.2009 09:49 |
Verschiedene Farben bei Links auf der selben Seite... | davinci | CSS | 7 | 16.02.2005 14:00 |
oper und anker im div | Holger (HMR) | CSS | 25 | 18.01.2005 14:01 |
Links von einer externen Seite | dain | Offtopic | 6 | 05.09.2004 00:18 |