|
 |
  |
| Autor |
Nachricht |
TheWhiteLily
Neuer [User]
Anmeldung: 26.12.07
Beiträge: 1
|
 Verfasst am: 26.12.2007, 19:48 Titel: Hilfe! Internet Explorer zeigt Seite nicht korrekt an! |
 |
|
Hallo!
Bin blutiger Anfänger, was HTML und CSS angeht...
Ich brauche deshalb dringend eure Hilfe.
Es ist so, ich habe nun eine Webseite erstellt... (naja...10% davon) und die wird im Firefox richtig dargestellt aber im IE 7 leider nicht!
Der Text rutscht da ganz nach links, und ich weiß nicht was ich dagegen tun soll!
Ich kopier hier mal den Code rein...
HTML-Code:
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sugary Life! Life is sugary sweet and so are we.</title>
<link rel="stylesheet" type="text/css" href="sugary_life_home_style.css" />
</head>
<body>
<div id="actual-content">
<img id="header" src="grafiken/sugary_life_header.jpg" />
<div id="text">
<p> Hallo und willkommen in meiner kleinen Welt! :3 Welcome to "Sugary Life"!</p>
<p> Schön, dass ihr hier vorbeischaut, denn hier gibt es immer was Neues zu entdecken.<br />
Auf dieser Seite findet ihr nämlich Beauty-, Styling-, und Gesundheitstipps - aus aller Welt.<br />
Nehmt euch Zeit und schaut euch etwas um. Sicherlich werdet ihr hier viele interessante Infos finden. :) </p>
<p> Viel Spaß beim Stöbern! </p>
</div>
<div id="navigation">
<p> Home</p>
<p> Beauty </p>
<ul>
<li> Pflege </li>
<li> Make-up </li>
<li> Parfum </li>
</ul>
<p> Health </p>
<p> Book Store </p>
</div>
</div>
<img id="background-image1" src="grafiken/swirls.jpg" />
<img id="background-image2" src="grafiken/swirls2.jpg" />
</body>
</html>
|
CSS-Code:
| Code: |
body {background-color: #c732a8;
width: 100%;
height: 100%;}
#actual-content {background-color: #ffffff;
width: 800px;
height: 600px;
position: absolute;
top:50%;
left: 50%;
margin-left: -400px;
margin-top: -300px;
z-index: 3;}
#header {margin-top: 0%;}
p {font-family: arial, verdana, sans-serif;
font-size: 12px;}
li {font-family: arial, verdana, sans-serif;
font-size: 12px;}
#text {margin-left: 26%;
width: 69%;
position: absolute;
top: 300px;}
#navigation { float: left;
width: 24%;
position: absolute;
top: 250px;
left: 5%;
color: #c732a8;
font-weight: bold;}
#background-image1 {position:absolute;
left: 0px ;
bottom: 0px;
z-index: 1;}
#background-image2 {position: absolute;
right: 0px;
bottom: 0px;
z-index: 2}
|
Bitte helft mir!
|
|
| Nach oben |
|
 |
JFM
Beliebter [User]
Anmeldung: 25.09.05
Beiträge: 375
Wohnort: Gütersloh
|
| Verfasst am: 27.12.2007, 17:21 Titel: |
|
|
Ändere mal diesen Bereich:
| Code: | #actual-content {background-color: #ffffff;
width: 800px;
height: 600px;
position: absolute;
top:50%;
left: 50%;
margin-left: -400px;
margin-top: -300px;
z-index: 3;} |
Und zwar die werte top: 50% sowie left 50%
Ich glaube der IE Interpretiert diese Werte nicht. Zumindest der 6.x im 7.0 müsste das gehen. Ersetze die 50% einfach mal Testweise in 200px oder so und schau es dir dann nochmal an.
Interessant wäre dann noch welchen IE du benutzt.
_________________
 http://www.onestripe.de
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
