Ayom -> DIV CSS Problem mit IE

Ayom -> Forum -> Webmaster-Ecke -> Design, Content & Usability

Anzeige - [Hier werben / Mediadaten]

(?) Tags raten (?) (edit)

DIV CSS Problem mit IE, wer kann helfen

Thema abonnieren | Thema versenden | Thema drucken

ric

Geschrieben am: Mo 27.12.2004, 12:34

AyomRank 5

Gruppe: Member (aktiv)
Beiträge: 278
Mitglied seit: 8.11.2004

Hallo zusammen

bin gerade eine layoutvorlage am erstellen und baue jetzt
seit x stunden am selben layer gerüst rum. kann mir einer
erklären wo der fehler liegt ?

bitte weder bilder noch schrift etc. beachten, es dient lediglich
der kontrolle.

mein problem.
div #header und div #nav werden im IE ca. 2px zu hoch angezeigt.

firefox, netscape, opera machen eine korrekte darstellung.
man erkennt es im IE gut an der grün bzw. orangeeingefärbten flächen.

iregndwie muss ich diese pixel im IE raushaben. auf css ohne tabellen verzichte
ich auf keinen fall. wenn jemand helfen kann ? VIELEN DANK im voraus.

Beislspielsite: Test Seite

Am besten mal mit IE und Netscape betrachten. Thanks.

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <head>
<title>vorlage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">

body {
background-color: #000000;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#FFFFFF;
padding:0px;
margin:0px;
}

#header{
width: 800px;
background-color: #00CC33;
margin: 0px;
padding: 0px;
clear: both;
height: 130px;
}

#center{
position: absolute;
top: 50%;
left: 50%;
height: 1px;
width: 1px;
}

#center2{
position: absolute;
top: -300px;
left: -400px;
height: 600px;
width: 800px;
}

#content{
height: 600px;
width: 800px;
}

#inhalt {
width: 518px;
margin: 0px;
padding: 0px;
float: right;
background-color: #990000;
height: 401px;
}

#links {
left: 0px;
width: 282px;
margin: 0px;
padding: 0px;
float: left;
background-color: #003366;
height: 401px;
}

#footer {
left: 0px;
width: 800px;
background-color: #333333;
margin: 0px;
padding: 0px;
clear: both;
height: 25px;
}

#header p{
padding: 0px;
}

p {
padding: 6px;
margin: 0px;
}

#nav {
width: 800px;
min-width: 800px;
background-color: #FF9900;
margin: 0px;
padding: 0px;
clear: both;
height: 44px;
}

</style>
</head>

<body>
<div id="center">
<div id="center2">
<div id="header">
<img src="images/top-trio-eden.jpg" width="800" height="130">
</div>

<div id="nav">
<img src="images/the_very_very_very_best_og.gif" width="282" height="44">
</div>

<div id="links">
gdhdgdgh
</div>

<div id="inhalt">
<p><b>content</b> <br>
oieujfvjdisfjv odofg odog sdofjgods oigjiodsfjigo dfhgdsfhghdsfhog hdfhg iodfhg
iodfhg odsfh ghdsh g
oieujfvjdisfjv odofg odog sdofjgods oigjiodsfjigo dfhgdsfhghdsfhog hdfhg

</p>
</div>

<div id="footer">
<p><strong>Created by OO Tech GmbH</strong></p>
</div>
</div>
</div>

</body>
</html>

grüsse ric

--------------------

-----------------------------------------------------

Mode Versand
Mode Versand

Suchmaschinenoptimierung
Suchmaschinenoptimierung

VoIP Vergleich
VoIP Vergleich!

Lanza

#2 Geschrieben am: Mo 27.12.2004, 13:07 (+00:33)

AyomRank 5

Gruppe: Member (aktiv)
Beiträge: 421
Mitglied seit: 14.04.2004

CODE

#center{
position: absolute;
top: 50%;
left: 50%;
height: 0px;
width: 0px;
}

bei dier steht da
height: 1px;
width: 1px;

setz das mal auf null

ric	#3 Geschrieben am: Mo 27.12.2004, 13:13 (+00:05)
AyomRank 5 Gruppe: Member (aktiv) Beiträge: 278 Mitglied seit: 8.11.2004	@lanza thanks !! vielen dank, leider löst dass das problem nicht. dieser div wird eh auf 800 x 600 gespreizt, habe es aber natürlich versucht. egal ob ich den auf 0 pixel oder auf 10 oder 50 setz. immer genau das selbe resultat. weitere ideen ? würde mich freuen. -------------------- ----------------------------------------------------- Mode Versand Mode Versand Suchmaschinenoptimierung Suchmaschinenoptimierung VoIP Vergleich VoIP Vergleich!

Lanza	#4 Geschrieben am: Mo 27.12.2004, 13:22 (+00:09)
AyomRank 5 Gruppe: Member (aktiv) Beiträge: 421 Mitglied seit: 14.04.2004	bei inhalt und links steht dan ebenfalls noch height: 401px; mal auf 400 gehen

ric	#5 Geschrieben am: Mo 27.12.2004, 13:31 (+00:08)
AyomRank 5 Gruppe: Member (aktiv) Beiträge: 278 Mitglied seit: 8.11.2004	thx aber die 401 ergebeb sich aus: Gesamthöhe: 600 px - #header 130 px - #nav 44 px - #footer 25 px = #inhalt # links 401 px PS: habe es mit 400 probiert... funzt leider nid. mir die haare ausreiss.... smile grüsse ric -------------------- ----------------------------------------------------- Mode Versand Mode Versand Suchmaschinenoptimierung Suchmaschinenoptimierung VoIP Vergleich VoIP Vergleich!

Lanza	#6 Geschrieben am: Mo 27.12.2004, 13:51 (+00:19)
AyomRank 5 Gruppe: Member (aktiv) Beiträge: 421 Mitglied seit: 14.04.2004	fragen wier mal so welchen IE hatt er den den ältere Ausgaben von IE haben Probleme mit css oder gib mal bei deinen Bildern noch border="0"

ric	#7 Geschrieben am: Mo 27.12.2004, 13:54 (+00:03)
AyomRank 5 Gruppe: Member (aktiv) Beiträge: 278 Mitglied seit: 8.11.2004	Version 6.0.2999 SP2 PS: Border 0 bei den images. WOW habe ich gedacht... dass ist es. leider war's nicht sooooooooo -------------------- ----------------------------------------------------- Mode Versand Mode Versand Suchmaschinenoptimierung Suchmaschinenoptimierung VoIP Vergleich VoIP Vergleich!

Patrick Z	#8 Geschrieben am: Mo 27.12.2004, 14:02 (+00:07)
AyomRank 6 Gruppe: Member (aktiv) Beiträge: 523 Mitglied seit: 14.04.2004	Ich hätte leider noch eine Möglichkeit. Du bekommst es nicht so im IE hin, wie du es willst. Der IE kennt einfach einige Befehle nicht und deshabl stellt er es falsch da. Da kann man nichts machen. Der "neue" IE kennt 2 verscheidene Moden. In dem einen kennt er die neuen richtigen CSS Befehle. Du bekommst den IE in den Quirly Modus indem du im <head> Bereich den W3c.org Tag machst.

Lanza	#9 Geschrieben am: Mo 27.12.2004, 14:03 (+00:01)
AyomRank 5 Gruppe: Member (aktiv) Beiträge: 421 Mitglied seit: 14.04.2004	dan habe ich im Moment auch keinen Plan mehr ab IE 6 gibts eigentlich keine Probleme ich hätte ja nun fast darum gewetet das es am bild border liegt aber nochn versuch mach die größenangabe vom bild 1 px kleiner und border 0

Mike

#10 Geschrieben am: Mo 27.12.2004, 14:08 (+00:04)

AyomRank 4
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 175
Mitglied seit: 22.12.2004

Die Lösung des Problems ist ganz einfach, aber auch extrem idiotisch...

Bei den img-Tags muss es folgendermaßen aussehen:

QUOTE

Also das abschließende div-Tag ohne Zeilenumbruch direkt hinter dem img-Tag,

Lanza

#11 Geschrieben am: Mo 27.12.2004, 14:08 (+00:00)

AyomRank 5

Gruppe: Member (aktiv)
Beiträge: 421
Mitglied seit: 14.04.2004

CODE

noch ne andere Bilvariante brobiers mal so

CODE

ric

#12 Geschrieben am: Mo 27.12.2004, 14:21 (+00:12)

AyomRank 5

Gruppe: Member (aktiv)
Beiträge: 278
Mitglied seit: 8.11.2004

SMILE die idiotenlösung ??? versteh ich nicht, aber

FUNKTIONIERT

DANKE Euch....

@Mike ........das löste das Problem...

CODE

DANKE, grüsse Euch
Ric

--------------------

-----------------------------------------------------

Mode Versand
Mode Versand

Suchmaschinenoptimierung
Suchmaschinenoptimierung

VoIP Vergleich
VoIP Vergleich!

Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)

0 Mitglieder:

« Background Bilder | Design, Content & Usability | Trends 2005 »

Trackback-Url: http://www.ayom.com/track/t/5189

Dieses Thema abonnieren

Ähnliche Themen

Themen Titel	Autor	Views	Antworten	Letzte Aktion
Kleines Problem mit preg_replace...	BartTheDevil89	77	3	Do 20.11.2008, 22:13
Problem bei Mail-Versand	PH	344	14	Di 11.11.2008, 08:32
Datenbankabfrage Problem	Mauf	234	13	Mi 22.10.2008, 15:48
Php mail Problem UTF-8	Carbon	356	6	So 19.10.2008, 12:35
Firefox Problem	Marc3l	165	4	So 19.10.2008, 10:42
php Array Problem	kekskruemel	155	5	Di 14.10.2008, 22:36
Install-Problem mit Elgg	MacGyver	171	1	Fr 10.10.2008, 12:16
FTP Problem	DrCash	123	1	Mi 1.10.2008, 06:28
Zanox und OpenX Problem	FAn1919	301	5	Di 23.09.2008, 17:33
Problem mit JavaScript & Flash	Marc3l	258	4	Mo 22.09.2008, 06:49

Anzeige - [Hier werben / Mediadaten]

Startseite

Ayom Blog

Forum

Wissensdatenbank

Domainbörse

Supertext

Über Ayom

Partner

Anzeigen