Problem mit margin-left

Shyne · #1 (**permalink**) 02.03.2008, 22:52

Hi ich hab ein Problem mit der Darstellung einer Grafik. im Firefox & Opera wird sie nach links verschoben, im IE nach rechts.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>Problem mit der Darstellung</title>

<style type=text/css>
#up {
	margin-left: 134px;
	background: url(images/rahmen1.gif) no-repeat;
	color: #fff;
	padding-right: 150px;
	padding-top: 4px;
	text-align:right;
	line-height: 10px;
}

</style>

</head>
<body>

<div id="up">
<a class="downsite" style="font-size: 9pt;" href="#">Feedback</a> | <a class="downsite" style="font-size: 9pt;" href="#">Logout</a>
</div>

<div id="navi">
<center>
<table style="margin:0px;background-color: #FFFFFF; border:5px; border-color:#6A0000; text-align:center; width:716px;border-style:solid;">
	<tr>
		<td>
			<img style="display:block;" alt="Kontakt" width="484" height="250" src="">
		</td>
		<td bgcolor="#6A0000" width="199">	
				
		</td>
	</tr>
</table>
</center>
</div>
</body>
</html>

Problem liegt beim margin-left. Die Browser sehen es unterschiedlich.

Weiss jemand wie ich das Problem beheben kann?

Shyne · #2 (**permalink**) 03.03.2008, 18:01

Okay?! Keine Antwort ist auch eine Antwort *g*

Hier mal der Link: Klick
Ich hoffe dass es ausführlicher ist.

Im Opera & FF sieht es perfekt aus. Nur der IE zickt ein bisschen rum. Ich könnte margin-left natürlich auch so definieren dass es für IE passt aber dann stimmt's für Opera & FF nicht mehr.

Freue mich auf eine Antwort.

heiko_rs · #3 (**permalink**) 03.03.2008, 18:06

Bei z.B. 1280px Breite ist's in jedem Browser zerschossen. Lege ein div um alles und richte dieses aus. Und wirf das veraltete center und die Tabelle raus.

Shyne · #4 (**permalink**) 03.03.2008, 18:32

Vielen Dank. Klappt bestens

Aber wie kann ich das ganze nun zentrieren? Da glaub ich du mir sogar in einem anderen Thread gesagt hattest dass ich <center> vermeiden sollte.

Hab's bereits mit align="center", float: middle etc. ausprobiert aber irgendwie funktioniert das nicht.

paracelsus · #5 (**permalink**) 03.03.2008, 18:41

Servus!

gib dem alles Umgebenden div:

Zitat:

#xy
{
margin: 0 auto;
}

Statt der 0 kannst Du auch einen Wert angeben, wenn Die Seite oben und unten Abstand zum Viewport haben soll.

Crizzo · #6 (**permalink**) 03.03.2008, 18:41

Zitat:

Zitat von Shyne

Hab's bereits mit align="center",

Das ist auch veraltet

Zitat:

float: middle etc. ausprobiert aber irgendwie funktioniert das nicht.

Wie soll etwas an etwas mittig vorbei fließen?
"float" kennt nur drei Werte: "left", "right" und "none".

Blockelement zentriert man per "margin:0 auto".

Bedenke, dass das Element kleiner als der Viewport bzw. das Elternelement sein muss, sonst gibt es nichts zu zentrieren.

Edit: eben. Para ist flotter.

Shyne · #7 (**permalink**) 03.03.2008, 18:52

Juhuii ... danke für die Hilfe an allen. War sehr hilfreich!!

paracelsus · #8 (**permalink**) 03.03.2008, 19:02

Zitat:

Zitat von BlackHawk

Edit: eben. Para ist flotter.

Du dafür detailierter..

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 15:30
Css Neuling Bräuchte Hilfe	wc3_monster	CSS	2	03.12.2008 23:23
Problem mit Boxendarstellung mit Bild	Sordum	CSS	6	22.06.2008 17:04
position:fixed löscht background-color des Container	alivecc	CSS	9	25.10.2007 14:25
Firefox zickt	floody	CSS	5	25.02.2006 17:16