html + div-layer

Re(4): html + div-layer

bauerflo — Mon, 02 Jul 2007 15:19:40 GMT

relativ ist dann deiner meinung nach besser...

merk ich mir, bau ich um

Re(3): html + div-layer

Dr. Watson — Sun, 01 Jul 2007 15:39:02 GMT

Es ist generell keine gute Idee, alles Absolu und Pixelgenau positionieren zu wollen.

Re(2): html + div-layer

bauerflo — Sun, 01 Jul 2007 15:06:29 GMT

hey - das erklärt alles - vielen, vielen dank.

d.h. ich muss das so umbauen, dass alles relative und absolute ist

eigenglich soll zwischen dem menü (oben), dem text (mitte) und dem fussteil (unten) immer der gleiche seiten- und höhenabstand sowie zwischen den bereichen ebenfalls immer der gleiche abstand sein. weil schaut man die homepage mti 1280x800 an ist es anders als mit 1280x1024

aber danke dir!

Re: html + div-layer

Dr. Watson — Sun, 01 Jul 2007 11:42:54 GMT

Der IE6 kann kein position: fixed.

Re: html + div-layer

[mC]Kasun — Sun, 01 Jul 2007 11:31:16 GMT

für IE6 speziell mit
*html #xxx {}

anbei für IE7
gilt dann dieser
*+html #xxx{ }

mfg

Re(2): html + div-layer

bauerflo — Sun, 01 Jul 2007 10:43:17 GMT

ja das wahrscheinlich.

nur die frage ob ich durch abändern des css-codes das ändern/vermeiden kann oder ob es vom ie6 nicht möglich ist. ich kann ja nicht jeden besucher zwingen den ie7 herunterzuladen.

Re: html + div-layer

mko — Sun, 01 Jul 2007 10:40:41 GMT

weiss jemand woran dies liegt

An der fehlerhaften CSS-Darstellung vom IE6 wahrscheinlich...

html + div-layer

bauerflo — Sun, 01 Jul 2007 10:34:42 GMT

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