M
martyrer
Guest
Hallo ich bastle grad an der Seite meines Praktikumsbetriebes und hab dabei alles von Tabellen design auf divs umgestellt.
geht auch soweit nur im ie 6 nich :/ das menü geht dann nicht und mein #rand div bugsiert den .inhalt div unter sich so das dann ein riesen loch ist
#
und hier die index.php ohne den phpcode ...
danke schon mal im vorraus und nicht wundern wenns ein bischen konfus ist bin noch am durchsteigen ^^ kanns auch grade schlecht hochladen weil ich keine passwörter krieg :/
grüße m.
edit hier ein bild was kaputt ist ... normal ist das bild mit der frau links einfach mit in dem gelben ... also das gelbe mit dem inhalt ist genau unter dem menü
geht auch soweit nur im ie 6 nich :/ das menü geht dann nicht und mein #rand div bugsiert den .inhalt div unter sich so das dann ein riesen loch ist
Code:
img { behavior:url("pngbehave.htc");}
a:link {color:black; text-decoration:underline}
a:visited {color:black; text-decoration:underline}
a:active {color:black; text-decoration:underline overline}
a:hover {color:black; text-decoration:underline overline}
body {
scrollbar-3dlight-color: #fee703;
scrollbar-arrow-color: #cf3408;
scrollbar-darkshadow-color: #fee703;
scrollbar-face-color: #fee703;
scrollbar-highlight-color: #fee703;
scrollbar-shadow-color: #cf3408;
scrollbar-track-color: #fee703;
behavior:url("csshover.htc");
position:absolute;
background-image: url(Bilder/bgmuster.jpg);
background-repeat: repeat;
margin: 0 auto;
margin-left:4%;
margin-right:4%;
width: 92%;
min-width:92%;
margin-bottom:5px;
}
.rothead{
min-height:100%; padding-right:10px; min-width:100%; height:100% color: #996633; background-color:#CE3209; text-align:right; }
.rand{ clear:both; position:fixed; margin:0; padding:0; margin-top:80px; z-index:0; }
.kopf {
position:relative; margin:0;
}
.menu4 {
text-align:left; margin:auto; margin-top:110px;font-family: verdana, sans-serif; position:relative; font-size:0.85em; background:#fee703; width:auto; height:27px;
}
.menu4 ul {
list-style-type: none;padding:0; margin:0;
}
.menu4 ul li {
float:left; position:relative; color:#cf3408; font-weight:600;
}
.menu4 ul li a, .menu4 ul li a:visited {
display:block; color:#cf3408; text-decoration:none; width:70px; text-align:left; height:27px; color:#cf3408; padding-left:20px; padding-right:20px; line-height:27px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:70px; color:#cf3408;
}
.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; color:#cf3408; background:#fee703;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em; background:#ffffff;
}
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#cf3408; text-decoration:underline overline; border:0;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:27px; left:-1px; border:1px solid #cf3408; overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block;background:transparent; text-decoration:none; color:#cf3408; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#cf3408; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:140px; w\idth:125px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#cf3408; text-decoration:underline overline;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#cf3408; left:166px; height:auto; border:1px solid #909;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#cf3408; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}
.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#cf3408; text-decoration:underline overline;
}
#header {
height: 121px;
width: 80%;
position: static;
border: 0px;
}
.re {
background:url(Bilder/re.png) right no-repeat;
}
.li {
background:url(Bilder/li.png) left no-repeat;width:auto;
}
.ro {
background:url(Bilder/or.png) top right no-repeat; margin-top:10px; margin-left:0px;
}
.lo {
background:url(Bilder/ol.png) top left no-repeat;margin-left:0px;
}
.ru {
background:url(Bilder/ur.png) bottom right no-repeat;margin-left:0px;
}
.lu {
background:url(Bilder/ul.png) bottom left no-repeat; padding:10px;
}
.inhalt { margin-left:160px; margin-bottom:5px;
}
und hier die index.php ohne den phpcode ...
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">
<?php echo "<?xml version='1.0' encoding='utf-8'?>"; ?>
<head>
<title>hauptseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="telko.css">
<script src="telko.js" type="text/javascript"></script>
<style type="text/css" media="screen"><!--
a#link<?php echo $_GET['seite'] ?> { color:#fee703; background-color:#cf3408 }
--></style>
</head>
<body >
<!-- ImageReady Slices (hauptseite.psd) -->
<?php include ("kopf.php"); ?>
<div class="rand"><img src="Bilder/frau.png" height="230" width="156" alt="telko" /><br />
<font size="-2"> ©2007 Telko GmbH</font></div>
<div class="ro">
<div class="lo">
<div class="ru">
<div class="lu">
<div class="inhalt">
</div></div></div></div></div>
<!-- End ImageReady Slices -->
</body>
</html>
grüße m.
edit hier ein bild was kaputt ist ... normal ist das bild mit der frau links einfach mit in dem gelben ... also das gelbe mit dem inhalt ist genau unter dem menü
Zuletzt bearbeitet von einem Moderator: