zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden navigationszeile bleibt immer links :-( rest der seite ist zentriert

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.10.2009, 07:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2009
Beiträge: 4
BigR befindet sich auf einem aufstrebenden Ast
Rotes Gesicht 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">&nbsp;</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">&nbsp;</a> </div>
</div>
<div class="main"> Hier steht der Seiteninhalt... </div>
<div class="copy">Copyright/Kleingedrucktes/usw.</div>

--------------------------------

schonmal vielen dank!
bigR
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.10.2009, 08:37
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.10.2009, 13:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2009
Beiträge: 4
BigR befindet sich auf einem aufstrebenden Ast
Standard

mmmh... *ankopffass* wieso bin ich da nicht selbst draufgekommen ?

vielen lieben dank
und grüsse nach österreich
BigR
Mit Zitat antworten
Antwort

Stichwörter
float, zentrieren

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:06 Uhr.