nicht angemeldet
Browserweiche?
Hallo!
Ich möchte gerne eine Linie (als Grafik) genau positionieren.
Mein Problem ist das im Firefox alles super aussieht, aber im IE 7 die Linie nach links verschoben ist.
Gibts dafür einen Hack oder eine andere Möglichkeit, wenn ja wie wird sie richtig notiert?
Danke
Micha
-
Hallo Micha
Zeig doch mal wie du die Linie positionieren willst.
Gruss Jonas
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Erstellung dynamischer Webseiten</title><style type="text/css" >
body {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 0.96em;
margin: 0;
background-image: url(bilder/kachel.gif);
background-repeat:repeat-x;
background-color: #534C44;
}
/* Hauptcontainer */
#layout {
height: 600px;
width: 955px;
margin: 0px auto 0 auto;
border: 1px dashed red;
}
#titelNavi {
margin-top: 0px;
height: 75px;
width: 955px;}
#inhalt {
height: 395px;
width: 955px;}
#fuss {
width: 955px;
height: 130px;
}
h1, h2, h3, h4 {
font-weight: normal;
}h2#titel {
line-height: 128%;
letter-spacing: 0.03em;
}ul {
display:block;
list-style: none;
margin: 0px;}
li {
float: left;
width: 120px;
text-align: center;
padding: 5px;}
li.aktiv {
color: #6D6D6D;
font-style: italic;
}a:link, a:visited, a:hover { text-decoration: none; }
a:link, a:visited {
color: #ffffff;
}
a:hover {
font-style: italic;
color: #6D6D6D;}
.navigation{
margin: auto 100px auto 100px;
}
.linie {
margin-bottom: 20px;}
/* *+htm .linie {
padding-top:70px;
padding-left: 200px;}*/.schriftzug {
padding-top:10px;
}</style>
</head>
<body>
<div id="layout">
<div id="titelNavi"></div>
<div id="inhalt"></div>
<div id="fuss" >
<div class="navigation" >
<ul>
<li class="aktiv"><span>INTERIOR</span></li>
<li class="inaktiv"><a href="#">ARCHITEKTUR</a></li>
<li class="inaktiv"><a href="#">EVENT</a></li>
<li class="inaktiv"><a href="#">KONTAKT</a></li>
<li class="inaktiv"><a href="#">CREDITS</a></li>
</ul>
<div class="linie"><img src="bilder/linie.gif" /></div>
</div>
</div>
</div>
</body>
</html>
-----------------------------------------------------------Ich möchte das die linie unter dem Menü ist und das menü soll zentriert sein wie die Linie---habe schon hacks ausprobiert, klappte nicht sowie den Doctype geändert---
Danke für deine schnelle Antwort
Gruß
Micha-
also ich weis nicht ganau wo dein Problem liegt. Bei mir schaut es genau so aus wie du es beschreibst.
Gruss Jonas
ps: sorry das ich solange nicht geschrieben hab, war bis eben aufm Markt in Marrakech :)
-
Hallo!
Hast du dir das denn im IE auch angesehen?
Weil bei mir ist das unterschiedlich im IE und im firefox, mit der Linie als Grafik. (hr geht leider nicht, weis auch nicht wieso habe dann halt nee linie als Grafik)
Gruß
Micha-
versuch das <hr> mal wie folgt zu formatieren:
hr{
border: 0px; /* Für Firefox und Opera */
border-top: solid 1px #B74C4C;
border-bottom: solid 1px #F2E9BE; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}dann sollte es eigentlich gehen, im IE sowie im Firefox
-
-
-
-