anfängerproblem bei position: IE richtig - FF falsch?

**glowi** · 09.11.2006 13:20

hey,
bin grad weng am rumprobieren und versteh folgendes net:

hab drei divs die mittig zentriert dargestellt werden sollen.
im IE tun sie das auch aber im FF net *grummel*

Warum?

hier mal der code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
@import url("splash.css");
-->
</style>
</head>

<body>

    <div id="splash_logo1"></div>
    <div id="splash_navigation"></div>
    <div id="splash_logo2"></div>

</body>
</html>

css:

Code:

* { 
    margin: 0; 
    padding: 0;
}

body {
    margin: 0px;
    padding: 0px;    
    background-color: #cc3333;
    font: normal 0.8em/1.4em Georgia, Tahoma, Verdana;
    color: black;
    text-align: center;
}

#splash_logo1 {
    width: 756px;
    height: 176px;
    background-image: url(stuff/splash_1.gif);  
}

#splash_navigation {
    width: 756px;
    height: 47px;
    background-image: url(stuff/splash_5.gif);
    
}

#splash_logo2 {
    background-image: url(stuff/splash_6.gif);
    width: 756px;
    height: 29px;
    
}

**Der Hamburger** · 09.11.2006 14:41

Servus,

du versuchst, mit "text-align: center;" zu zentrieren. Diese Eigenschaft ist aber gar nicht dazu vorgesehen. Der IE macht es trotzdem - das widerspricht aber den Standards.

http://www.css4you.de/wslayout1/ex0003.html

"margin: 0px auto;" wird für dich zielführend sein. Allerdings: Dem IE zuliebe musst du das text-align trotzdem setzen. Wenn es auch semantisch keinen Sinn macht. Mehr dazu im Weblink (s.o.)!

**Boris** · 09.11.2006 14:43

Wenn es auch semantisch keinen Sinn macht.

Semantik hat nichts mit CSS zu tun, sondern mit HTML

Der IE6 macht es übrigens auch korrekt mit margin: 0 auto; mit korrekten Doctype. IE5.5 und 5.0 brauchen allerdings immer die text-align: center Extrawurst.

**Der Hamburger** · 09.11.2006 14:48

Zitat von Boris

Semantik hat nichts mit CSS zu tun, sondern mit HTML

Das hat nichts mit der angewandten Sprach-Syntax zu tun. Semantik heißt einfach Bedeutungslehre. Und wenn du einen Befehl hast, der zum Ausrichten von Text gedacht ist (="text-align"), widerspricht es dessen Bedeutung, wenn damit plötzlich div's ausgerichtet werden, und kein Text.

Dein Hinweis zu den IE-Versionen ist gut, danke. Hatte ich vergessen zu erwähnen.

**Boris** · 09.11.2006 16:08

CSS hat auch keine "Befehle".

Semantik kenne ich nur im Zusammenhang mit semantisch geschriebenem HTML, daher mein Einwand.

**Der Hamburger** · 09.11.2006 18:35

Zitat von Boris

CSS hat auch keine "Befehle".

Stimmt, das war jetzt unter semantischen Aspekten nicht ganz korrekt formuliert.

**glowi** · 10.11.2006 01:08

jo das wars :-)
danke für die erklärung. leuchtet ein das "text-align" für divs net gelten kann ...

zur Startseite vom TP

Thema: anfängerproblem bei position: IE richtig - FF falsch?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

anfängerproblem bei position: IE richtig - FF falsch?

Aktive Benutzer

Aktive Benutzer