Problem mit IE und Firefox

GFX-Sector - HTML, CSS

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Problem mit IE und Firefox

» Hello Guest [Login|Register]

Last Post | First Unread Post

Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS

Problem mit IE und Firefox

Author

Post

« Previous Thread | Next Thread »

Laxila

Fingerwischer

Registration Date: 08.02.2009
Posts: 34
Location: NDS / Cuxhaven
Program: Photoshop CS3

Problem mit IE und Firefox

werbefreies Forum?

Hey Leute,
Ich arbeite erst seit kurzem mit CSS und bin bei dem Versuch mein Web-Design in CSS zu coden auf ein Problem gestoßen.
Die "Margin-Werte" werden anscheinend in Firefox und IE unterschiedlich dargestellt. Wie kann ich das verhindern bzw. was mache ich falsch?

Hier mein Code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:

<style type="text/css">

#navi-links {float:left; }  
#navi-rechts {float:left;}  
#content {float:left;}  
#mitte {margin-left:154px; margin-top:-3px} 
  
</style> 
</head> 
<body bgcolor="#000000">  

<div align="center" id="header"> 
<img src="Bilder/Index_02.jpg"> 
<img src="Bilder/Index_04.jpg"> 
</div> 
<div align="center" id="mitte"> 
<div align="center" id="navi-links"> 
<img src="Bilder/Index_05.jpg"> 
</div> 
<div align="center" id="content"> 
<img src="Bilder/Index_06.jpg"><br/> 
<img src="Bilder/Index_08.jpg"></div> 
<div align="right" id="navi-rechts">
<img src="Bilder/Index_07.jpg">
</div> 
</div>

Danke im vorraus für die Antwort

MFG Laxila

My latest Creation!

>>|| all gifts for me ||<<

This post has been edited 2 time(s), it was last edited by Laxila: 01.01.2010 12:12.

01.01.2010 12:11

bpr

Spender

Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section

Es gibt das sog. Boxmodell, hier einmal ein Link, der dir das hoffentlich erklaert, und dann kannst du vielleicht selber die Loesung finden : )

http://www.css4you.de/wsboxmodell/index.html

Bei Fragen weiter fragen

Edit:
zu deinem code:
anstatt align zu schreiben, kannst du im css sagen: text-align:center;
ich wuerde dir auch empfehlen, breiten fuer deine divs anzugeben, das koennte auch schon einiges aendern.

01.01.2010 17:35

Laxila

Fingerwischer

Registration Date: 08.02.2009
Posts: 34
Location: NDS / Cuxhaven
Program: Photoshop CS3

Thread Starter Thread Started by Laxila

Danke für deine Hilfe!

Nur habe ich immernoch diese Anzeige Probs. Bei Firefox wird mir angezeigt, dass meine Bilder genau aneinander sitzen, beim IE is Platz zwischen dem Header und Content verwirrt

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:

<style type="text/css">

#header {
width:905px; 
height:300px
margin-left:auto; margin-right:auto;
}

#navi-links {float:left;
width:191px;
height:461px;
}

#navi-rechts {float:left;
width:192px;
height:461px;}

#content {float:left;
height:522px;
height:461px;}

#mitte {width:905px; height:461px;
margin-left:auto; margin-right:auto;}

body {text-align:center;}

</style>
</head>
<body bgcolor="#000000">
<div id="mitte">
<div id="header">
<img src="Bilder/Index_02.jpg">
<img src="Bilder/Index_04.jpg">
</div>

<div id="navi-links">
<img src="Bilder/Index_05.jpg">
</div>
<div id="content">
<img src="Bilder/Index_06.jpg"><br/>
<img src="Bilder/Index_08.jpg"></div>
<div id="navi-rechts"><img src="Bilder/Index_07.jpg"></div>
</div>

MFG Laxila

My latest Creation!

>>|| all gifts for me ||<<

This post has been edited 4 time(s), it was last edited by Laxila: 01.01.2010 18:38.

01.01.2010 18:03

quantum

Pfadfinder

Spender

Registration Date: 29.12.2008
Posts: 721
Deviantart: xcracx

Welcher IE ist es denn? Ich meine der IE 6 hat Probleme mit dem Boxmodell.

php:
1:	margin-left:auto; margin-right:auto;

daraus mache:

php:
1:	margin: 0 auto;

Du solltest übrigens auch mal darauf achten, deinen code einheitlich zu gestalten ....
Und dein Markup ist btw auch echt unschön, alles voller bilder.... aber für den anfang sollte es gehen smile

Achja, wenn es nicht am IE6 liegt, versuch mal nen CSS-reset. Da wird alles auf null gesetzt und sieht somit überall gleich aus. Mit google findest du bestimmt ein paar Lösungen Wink

01.01.2010 20:23

Laxila

Fingerwischer

Registration Date: 08.02.2009
Posts: 34
Location: NDS / Cuxhaven
Program: Photoshop CS3

Thread Starter Thread Started by Laxila

Ok danke für eire Antworten habe soweit alles hinbekommen!

=> Kann geschlossen werden!

MFG Laxila

My latest Creation!

>>|| all gifts for me ||<<

02.01.2010 11:13

GFX-Sector
unregistered

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

02.01.2010 11:13

Tree Structure | Board Structure

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Problem mit IE und Firefox

Similar topics to Problem mit IE und Firefox

Thread

[Suche] Suche Ein Program womit das erstellt wurde ? und tuts dazu:D (Forum: Fragen & Probleme)

For dynamite ;) (Forum: Gifts)

artwork mit meiner freundin =) (Forum: Artworks)

Lightstaff | Underworld (Forum: Signaturen/Avatare)

Slicer und Coder gesucht (Forum: Archiv)