DIV Problem
|
| Verfasser |
Nachricht |
|
Beiträge: 595
Registriert seit: May 2010
Status:
offline
|
DIV Problem
Hallo,
Da ich bin bei meiner ersten DIV Anpassung und habe folgendes Problem !
Ich will die Navi Buttons wie, Home, Vorstand etc. in die Mitte Verschieben,
wenn ich z.B padding-left: 50px; mache dann Verschiebt sich jeder Button um 50px nach rechts, also der Abstand wird bei jedem, 50px weiter gedrückt,
Wie kann ich es machen, dass sich die Buttons zusammen verschieben ?
Hoffe auf schnelle Rückmeldung,
Link: [Link: Registrierung erforderlich]
Quelltext:
<html>
<head>
<title>Rebstockhexen 2007 e.V</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(Bilder/background.jpg);
background-repeat: repeat-x;
background-color: #4e0202;
}
#page {
width: 955px;
margin-left: auto;
margin-right: auto;
}
#header {
width: 955px;
height: 170px;
background-image:url(Bilder/header.jpg);
background-repeat: no-repeat;
}
#navi {
width: 955px;
height: 93px;
background-image:url(Bilder/navi.jpg);
background-repeat: no-repeat;
}
#content {
background-image:url(Bilder/ContentUP.jpg);
background-repeat: repeat-y;
}
#contentarea {
margin-left: 15px;
padding-top: 15px;
}
#footer {
width: 955px;
height: 97px;
background-image:url(Bilder/footer.jpg);
}
.buttonclass {
float: left;
padding-left:;
padding-top: 53px;
}
-->
</style>
</head>
<body>
<div id="page">
<div id="header"></div>
<div id="navi">
<div class="buttonclass" id="Home"><img src="Bilder/navigation_09.jpg" width="72" height="37" alt="Home"></div>
<div class="buttonclass" id="Vorstand"><img src="Bilder/navigation_10.jpg" width="83" height="37" alt="vorstand"></div>
<div class="buttonclass" id="Geschichte"><img src="Bilder/navigation_11.jpg" width="72" height="37" alt="geschichte"></div>
<div class="buttonclass" id="Termine"><img src="Bilder/navigation_12.jpg" width="72" height="37" alt="Termine"></div>
<div class="buttonclass" id="Bilder"><img src="Bilder/navigation_13.jpg" width="72" height="37" alt="Bilder"></div>
<div class="buttonclass" id="Gästebuch"><img src="Bilder/navigation_14.jpg" width="72" height="37" alt="Gästebuch"></div>
<div class="buttonclass" id="Links"><img src="Bilder/navigation_15.jpg" width="72" height="37" alt="Links"></div>
</div>
<div id="content">
<div id="contentarea">
<div id="titel">Herzlich Willkommen</div>
<div id="text">Hier wird Später der Willkommens Text stehen, :D</div>
</div>
</div>
</div>
<center>
<div id="footer"></div>
</center>
</body>
</html>
MFG
[Link: Registrierung erforderlich]
Dieser Beitrag wurde zuletzt bearbeitet: 22.01.2011 10:34 von Miikeee.
|
|
| 22.01.2011 10:33 |
|
|
Beiträge: 1.155
Bewertung: 0
Registriert seit: Nov 2008
Status:
offline
|
RE: DIV Problem
Möglichkeit 1:
Div Drumrumziehen, den align:center; setzen. Sehe aber, dass du in der Navi Bilder vom Header weiterführen willst. Zum genaueren Justieren würde ich ...
Möglichkeit 2:
... einen weiteren DIV Container neben den Linken NaviPunkt setzen, dem die Höhe von 1px geben, Hintergrund natürlich transparent, und die Breite so setzen, dass alles passt 
Sollten noch Fragen aufkommen, kannst du sie gerne stellen
|
|
| 22.01.2011 10:40 |
|
|
Beiträge: 625
Bewertung: 7
Registriert seit: Aug 2010
Status:
offline
|
RE: DIV Problem
bei der id navi musst du padding hinzufügen
|
|
| 22.01.2011 11:05 |
|
|
Beiträge: 595
Registriert seit: May 2010
Status:
offline
|
|
| 22.01.2011 11:20 |
|
|
Beiträge: 1.155
Bewertung: 0
Registriert seit: Nov 2008
Status:
offline
|
RE: DIV Problem
Mhm, Padding benutze ich persönlich eher ungern, da der IE das manchmal fehlinterpretiert ...
|
|
| 22.01.2011 12:48 |
|
|
Beiträge: 625
Bewertung: 7
Registriert seit: Aug 2010
Status:
offline
|
RE: DIV Problem
Jan bin da genau andere meinung, margin geht bei ie nicht^^
|
|
| 22.01.2011 13:36 |
|
|
Beiträge: 215
Registriert seit: Jun 2010
Status:
Abwesend
|
|
| 22.01.2011 13:52 |
|
|
Beiträge: 147
Bewertung: 3
Registriert seit: Nov 2010
Status:
offline
|
RE: DIV Problem
Jan bin da genau andere meinung, margin geht bei ie nicht^^
Yop, habe auch gelernt das man immer Padding anstatt Margin nehmen soll, wenn es geht. Margin macht in älteren Browsern öfters Probleme!
|
|
| 22.01.2011 13:52 |
|
|
Beiträge: 595
Registriert seit: May 2010
Status:
offline
|
RE: DIV Problem
ehm nächstes Problem, unten am Footer die Schriften Startseite etc. sind die bei euch auch blau ?
Wenn ja wie bekomm ich das weg ?
MFG
[Link: Registrierung erforderlich]
|
|
| 22.01.2011 13:53 |
|
|
Beiträge: 215
Registriert seit: Jun 2010
Status:
Abwesend
|
|
| 22.01.2011 13:57 |
|
|
