zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit margin-left

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.03.2008, 22:52
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 17.01.2008
Beiträge: 153
Shyne befindet sich auf einem aufstrebenden Ast
Standard Problem mit margin-left

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?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.03.2008, 18:01
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 17.01.2008
Beiträge: 153
Shyne befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.03.2008, 18:06
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 03.03.2008, 18:32
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 17.01.2008
Beiträge: 153
Shyne befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 03.03.2008, 18:41
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 03.03.2008, 18:41
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von Shyne Beitrag anzeigen

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.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ

Geändert von Crizzo (03.03.2008 um 18:43 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 03.03.2008, 18:52
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 17.01.2008
Beiträge: 153
Shyne befindet sich auf einem aufstrebenden Ast
Standard

Juhuii ... danke für die Hilfe an allen. War sehr hilfreich!!
Mit Zitat antworten
  #8 (permalink)  
Alt 03.03.2008, 19:02
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Zitat:
Zitat von BlackHawk Beitrag anzeigen
Edit: eben. Para ist flotter.
Du dafür detailierter..
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:23 Uhr.