nicht angemeldet
IE 6 Zentrierung nicht möglich...
Hi!
Habe folgenden CSS-Code:
.container {
position: absolute;
top:0px;
left:0px;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
display: block;
background-color: red; //später ist hier ein zentriertes Hintergundbild drin!
}
.middle {
height: 288px;
width: 288px;
top: 50%;
left: 50%;
margin-left: -146px;
margin-top: -165px;
position: absolute;
overflow:visible;
padding-top: 40px;
background-color: green; //Der Hintergrund dient nur zum "sichtbarmachen"
}
zugehöriger HTML-Code:
<div class="container">
<div class="middle">
<h1>LOGIN</h1>
<a href="index.php?function=register">Hier</a> registrieren!
</div>
</div>
Mein Problem ist, dass im IE 6 alles nicht mehr so aussieht, wie es soll. Wenn ihr diese Seite euch mal im IE 7 oder im FF anguckt ist alles super aber im IE6 nichts da...
Könnt ihr mir da weiterhelfen???
Gruß Flo
-
Kann es sein, dass Du Dir mit dem Padding im IE6 die Darstellung zerschießt? Kommentiere es mal aus und versuche es noch mal.
Gruß, LX
--
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: Unusual
X-Please-Search-Archive-First: Absolutely Yes -
Hi,
Wenn ihr diese Seite euch mal [...]
der von Dir genannte Code ergibt ein invalides HTML-Dokument. Mindestens das <title>-Element ist Pflicht.
Könnt ihr mir da weiterhelfen???
Nicht bei invalidem oder unvollständigen Code, und auch nicht bei nicht nachvollziehbarer Fehlerbeschreibung. Wenn ich die fehlenden Teile selbst hinzu erfinde, kann ich zwischen IE 6 und Firefox jedenfalls keinen nennenswerten Unterschied feststellen.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Okay, tut mir leid... du hast recht so darf es nich sein Cheatah...
Hier also nochmal der vollständige Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>LogIn</title> <style type="text/css"> html, body { margin:0px; padding:0px; background-color:#FFDD99; } .container { width: 100%; height: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-width: 914px; min-height: 592px; position: absolute; display: block; background-color: yellow; } .middle { height: 288px; width: 288px; top: 50%; left: 50%; margin-left: -146px; margin-top: -165px; position: absolute; padding-top: 40px; background-color:green; } </style> </head> <body> <div class="container"> <div class="middle"> <span class="text" style="font-weight: bold;">Sie sind noch kein Mitglied?</span><br><span class="text">Dann können Sie sich <a href="index.php?function=register">Hier</a> registrieren!</span> </form> </div> </div> </body> </html>Ich hab schon rumprobiert an padding liegts nicht :-(
-
Hi alle zusammen und vor allem Cheatah!
Ich wollte mal fragen, ob ihr vielleicht eine Idee habt, nachdem ich den ganzen Quellcode eingefügt habe... bin nämlich ziemlich überfragt, was der IE 6 damit für ein Problem hat...
Viele Grüße
Flo
-