zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Firefox 2 "zerhackt" Layout

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.02.2007, 19:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.02.2007
Beiträge: 3
Pino befindet sich auf einem aufstrebenden Ast
Standard Nur IE zeigt mein Layout richtig an

Hallo... ich bin grade dabei ein Layout zu schreiben, aber momentan habe ich das Problem, dass nir Mozilla Firefox 2 dieses ein wenig zerhackt. Beim Internet Explorer 7 habe ich dieses Problem nicht.

Könntet Ihr euch eventuell meinem Problem annehmen? Es kann sein, das dass Problem sehr einfach ist, da ich erst seit gestern überhaupt damit angefangen habe, mich mit CSS zu beschäftigen.

Zur Info: Laut browsercam.com wird mein Layout nur um Internet Exlorer richtig angezeigt.

Layout auf meinem Webspace
<klick>


Layout Preview Firefox 2


Layout Preview Internet Explorer 7


Der CSS Code
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en"><head><meta http-equiv="content-type" 
content="text/html; 
charset=iso-8859-1">

<title>layout</title> 

<style type="text/css" media="screen">


body{

}

#container{
	height: 468px;
	width: 624px;
	text-align:left;
	background-color:red;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	background-image: url(slice/background_1px.jpg);
	background-repeat: repeat;
}

#header_a{
	height: 51px;
	width: 10px;
	clear: left;
	float: right;
	background-color: #990000;
	background-image: url(slice/header_a.jpg);
	background-repeat: no-repeat;
}

#header_b{
	background-color: #000099;
	width: 490px;
	height: 51px;
	margin-left: 0px;
	position: relative;
	margin-top: 0px;
	float: right;
	background-image: url(slice/header_b.jpg);
	background-repeat: repeat-x;
}

#logo_a{
	height: 447px;
	width: 79px;
	background-color: #33CC66;
	float: left;
	background-image: url(slice/logo_a.jpg);
	background-repeat: no-repeat;
}

#contents{
	height: 378px;
	width: 491px;
	background-color: #88070B;
	margin-top: 60px;
	margin-left: 124px;
	visibility: visible;	
}
	
#logo_b{
	background-color: #464256;
	margin-top: -78px;
	height: 87px;
	width: 102px;
	float: left;
	background-image: url(slice/logo_b.jpg);

}

#footer_a{
	margin-top: 9px;
	height: 21px;
	width: 392px;
	float: right;
	background-image: url(slice/footer_b.jpg);
	background-repeat: repeat-x;
	bottom: 0px;
}

#footer_b{
	height: 21px;
	width: 232px;
	float: left;
	margin-top: 0px;
	clear: left;
	background-image: url(slice/footer_a.jpg);
	background-repeat: repeat;
}


</style> 
</head>
<body>

<div id="container">
  <div id="header_b"><code>der_b</code>  </div>

<div id="header_a"></div>

<div id="logo_a"><code>logo_a</code></div>

<div id="contents"><code>contents</code></div>

<div id="logo_b"><code>logo_b</code></div>

<div id="footer_a"><code>footer_a</code></div>

<div id="footer_b"><code>footer_b</code></div>

</div>
</body>
</html>
Wäre sehr nett, wenn mir jemand mit meinem Problem weiterhelfen könnte.

Geändert von Pino (16.02.2007 um 19:23 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.02.2007, 20:04
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Warum zerschneidest du das Bild?
Mach ein Bild draus und leg es in den Hintergrund.
Elemente brauchst du nur für den Inhalt.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.02.2007, 13:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.02.2007
Beiträge: 3
Pino befindet sich auf einem aufstrebenden Ast
Standard

Das mit dem Zerschneiden hat so seine Gründe... Durch das Zerschneiden spare ich schon mal Platz und somit Webspace und Ladezeit.
Mit Zitat antworten
  #4 (permalink)  
Alt 18.02.2007, 13:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Es ist unsinnig, sein Markup mit leeren Elementen vollzupflastern.
Lies: Vorsprung durch Webstandards | Retro-Coding: Semantischer Code ist der Anfang von gutem Design
Und wenn du glaubst Traffic sparen zu müssen, dann lies:
Vitamin Features » Enhance your (page) performance!

Lass das Geschnipsel bleiben.

--
Die Ursache für die unterschiedliche Darstellung sind "collapsing margins". Die Suchfunktion weiß viel dazu.
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
Layout funktioniert nur im Firefox :( bryan CSS 2 01.01.2011 23:34
CSS Layout IE / Firefox - Darstellungsproblem bei float:right petis CSS 5 07.01.2009 17:43
Problem mit 3-spaltigem Layout im Firefox Imhotep CSS 4 08.07.2008 18:17
Layout stimmt im Firefox nicht miketech CSS 0 28.08.2007 19:01
Layout im Firefox zerschossen? Karlo CSS 3 14.02.2007 16:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:16 Uhr.