Julexander
Lieutenant
- Registriert
- Juli 2004
- Beiträge
- 568
Hallo, habe folgendes Problem, im Dreamweaver built-in Preview sieht es ok aus, wenn ichs dann im Chrome und IE9 teste ist was falsch.
Und zwar sind die Bilder die ich absolut positioniere nach links verrutscht (siehe Anhang).
Die sollen aber zentriert sein, im Dreamweaver Preview funktioniert es.
HTML-Code:
(relevant ist nur der "main" und "indexmenu" div)
CSS-Code:
Meine Frage jetzt, wie kann ich alles so verschieben, damit es zentriert ist? Mit margin und left funktioniert das nicht.
Oder kann es an meiner Monitoraufloesung haengen?
Wie kann ich sowas denn anders loesen?
Und zwar sind die Bilder die ich absolut positioniere nach links verrutscht (siehe Anhang).
Die sollen aber zentriert sein, im Dreamweaver Preview funktioniert es.
HTML-Code:
(relevant ist nur der "main" und "indexmenu" div)
Code:
<body>
<div id="head" style="background: url(img/bg_index.jpg) no-repeat;">
<div id="lang">
<ul>
<li><a id="pl" href="../pl/index.php"><span style="visibility:hidden;">_</span></a></li>
<li><a id="de" href="../pl/index.php"><span style="visibility:hidden;">_</span></a></li>
<li><a id="en" href="../pl/index.php"><span style="visibility:hidden;">_</span></a></li>
<li><a id="ru" href="../pl/index.php"><span style="visibility:hidden;">_</span></a></li>
</ul>
</div>
<div id="menumore">
<ul>
<li><a id="wiecej" href="wiecej.html"><span style="visibility:hidden;">_</span></a></li>
<li><a id="kontakt" href="kontakt.html"><span style="visibility:hidden;">_</span></a></li>
</ul>
</div>
</div>
<div id="main">
<div id="indexmenu">
<img id="ksiegowosc" src="img/ksiegowosc.png" />
<img id="kancelaria" src="img/kancelaria.png" />
<img id="uslugi" src="img/uslugi.png" />
<img id="virtual" src="img/virtual.png" />
<img id="drukarnia" src="img/drukarnia.png" />
<img id="monitoring" src="img/monitoring.png" />
<img id="reklama" src="img/reklama.png" />
<img id="wdf" src="img/wdf.png" />
</div>
</div>CSS-Code:
Code:
body {
margin: 0 auto;
width:1254px;
}
#head {
width:1254px;
height:553px;
}
#main {
width:1254px;
height:631px;
background:#fff url(img/bg_main.jpg) no-repeat left top;
}
#content {
width:1000px;
margin: 0 auto;
}
footer {
width:1254px;
height:128px;
background:url(img/bg_footer.jpg) no-repeat;
margin-bottom:30px;
}
header {
font:22px Verdana, Geneva, sans-serif;
font-weight:bold;
color:#9bc12a;
}
#indexmenu {
}
#indexmenu img {
position:absolute;
}
#indexmenu img#kancelaria {
top:340px;
left:413px;
}
#indexmenu img#ksiegowosc {
top:476px;
left:212px;
}
#indexmenu img#uslugi {
top:340px;
left:663px;
}
#indexmenu img#reklama {
top:724px;
left:268px;
}
#indexmenu img#drukarnia {
top:783px;
left:538px;
}
#indexmenu img#monitoring {
top:724px;
left:772px;
}
#indexmenu img#virtual {
top:476px;
left:864px;
}
#indexmenu img#wdf {
top:610px;
left:473px;
}Meine Frage jetzt, wie kann ich alles so verschieben, damit es zentriert ist? Mit margin und left funktioniert das nicht.
Oder kann es an meiner Monitoraufloesung haengen?
Wie kann ich sowas denn anders loesen?
Anhänge
Zuletzt bearbeitet:
