Zur Navigation

Grafik richtig zentrieren

1 Benny

Hallo Leute,

werft doch mal bitte hier nen Blick drauf:

http://www.bstanger.de/fertig/index.html

ich möchte die Grafik absolut in der Mitte positionieren, den ganzen Code nach dem neusten w3c standard, möglichst barrierefrei haben.
Wie stelle ich das also richtig an, dass die Grafik egal bei welcher Auflösung oder Fenstergröße genau da bleibt wo ich sie haben möchte? Könnte mir da jemand ein Code Beispiel schreiben? Normalerweise wären mir Container anstelle von Tabellen lieber aber wie man die richtig verschachtelt versteh ich nicht, wenns evtl. jemand mit containern hinkriegt wärs klasse, das ganze kommt in ein externes CSS File, das auf jeder Seite so aussehen soll. Das Logo ist ein png, da jpg keine Transparenz zulässt und ich auf gif bis auf den Farbverlauf eigentlich verzichten möchte, jedenfalls in nem Logo oder Bild.

Gruß Benjamin

16.07.2007 01:43

2 Jörg

Hallo Benjamin,

versuche es mal so:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>bstanger.de - digital solutions</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="logo"><img src="images/logo.png" alt=""></div>
</body>
</html>

... und die style.css:
body {
margin:0;
padding:0;
background-image:url(images/verlauf.gif);
background-repeat:repeat-x;
}
#logo {
margin-top:60px;
text-align:center;
}

16.07.2007 09:04 | geändert: 16.07.2007 09:05

3 Benjamin (Gast)

jetzt ist das logo im internet explorer nicht transparent??

16.07.2007 20:49

4 Benjamin (Gast)

ok ich hab das Problem: Der IE kann ein png mit ner Farbtiefe mit mehr als 8bit nicht in einem layer bzw. gar nicht transparent darstellen. dazu müsste ich einen filter einsetzen. das möchte ich nicht. deshalb verwende ich jetzt doch gif, wollte ich eigentlich nicht aber das ist die einzige korrekte möglichkeit.

16.07.2007 21:12

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]