html + div-layer

html + div-layer (8 Beiträge, 130 Mal gelesen)

Du bist nicht angemeldet. [ Login/Registrieren ]

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

weiss jemand woran dies liegt

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

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.

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

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

mfg
--------
"Me fail english? That's Omposible" - Ralph Wiggum

Der IE6 kann kein position: fixed.
--
DiTech postete:
Sie haben offensichtlich 7mal mit dem Goldadler positive Erfahrung gemacht. Bei dieser Menge an Glück sollten Sie Lotto spielen.

GHF Watcher 1.3 - Firefox Erweiterung für Geizhals User

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!
mfg|bf.
http://www.bauerflo.com

Es ist generell keine gute Idee, alles Absolu und Pixelgenau positionieren zu wollen.
--
DiTech postete:
Sie haben offensichtlich 7mal mit dem Goldadler positive Erfahrung gemacht. Bei dieser Menge an Glück sollten Sie Lotto spielen.

GHF Watcher 1.3 - Firefox Erweiterung für Geizhals User

relativ ist dann deiner meinung nach besser...

merk ich mir, bau ich um

mfg|bf.
http://www.bauerflo.com

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