Tweet
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:
CSS-Code:
Bitte helft mir!
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>
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}
TT__________TT
danke für dein Feedback ich werde mich darum kümmern. Dies sind solche Sachen wo externes Feedback sehr viel wert ist. Ich habe mir bezüglich dieses Formulars, zusammen mit einem bekannten schon sehr den Kopf darüber zerbrochen. Ursprünglich war es so gedacht, dass das Feld hidden...
Kommentar