html + div-layer
Geizhals » Forum » Programmierung » html + div-layer (8 Beiträge, 129 Mal gelesen) Top-100 | Fresh-100
Du bist nicht angemeldet. [ Login/Registrieren ]
html + div-layer
01.07.2007, 12:34:42
hallo zusammen,

habe eine css-datei gebastelt mit folgendem inhalt:
/* CSS Document */
/* BEGINN Beschreibung Allgemein */
body { margin:0; padding:0; height:600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;}

a { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #000000;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #336699;
text-decoration: none;
}
a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #e2e2e2;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #000000;
text-decoration: none;
}
  

div { border:0px solid #888; }

h1 { margin:0; padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 12px;
align="right";}

h2 { margin:0; padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 12px;}

/* BEGINN Beschreibung Allgemein */

/* BEGINN Beschreibung Fuss*/
#fuss { position:fixed; top: 95%; left:8%; height:13px; right:8%;
      background-color:#6d98c3; }
  
#menu { position:fixed; top:5%; left:8%; height:15px; right:8%; vertical-align: middle;
      background-color:#6d98c3;
  }

#menu_links { position:absolute;
left:0;
width:20%;
border:0px;
background-color:#6d98c3;
margin:0px;
padding:0px;
}

#text_rechts { position:absolute;
left:20%;
width:78%;
border:0px;
top: 0;
margin:5px;
padding:5px;
     background-attachment: scroll;
background-image: url(../img/hintergrundbild.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#text {
position:fixed;
overflow: auto;
top:10%;
left: 8%;
height: 83%;
right: 8%;
background-color:#ffffff;
}
  


füge ich diese datei einer z.b. index.html an, trage ich in den divs texte ein, passt das layout im ie7 und aktuellem firefox - aber nicht unter ie6 - der überlagert das alles einfach irgendwie :(

header der html datei:
<!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">
position

<body>

.................

weiss jemand woran dies liegt - suche eh gerade im internet auch.

vielen dank :)

Antworten PM Alle Chronologisch
 
Melden nicht möglich
.  Re: html + div-layer  (mko am 01.07.2007, 12:40:41)
..  Re(2): html + div-layer  (bauerflo am 01.07.2007, 12:43:17)
.  Re: html + div-layer  ([mC]Kasun am 01.07.2007, 13:31:16)
.  Re: html + div-layer  (Dr. Watson am 01.07.2007, 13:42:54)
..  Re(2): html + div-layer  (bauerflo am 01.07.2007, 17:06:29)
...  Re(3): html + div-layer  (Dr. Watson am 01.07.2007, 17:39:02)
....  Re(4): html + div-layer  (bauerflo am 02.07.2007, 17:19:40)
 

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung