Hallo,
ich kriege trotz CSS Hacks ein Layout nicht bei allen 3 Browsertypen unter ein Dach. Eigtl hat sich ja der IE7 schon die ganze Zeit so verhalten wie der Firefox. Aber bei einem Ding tanzt er voll aus der Reihe. Es geht um die Seite:
http://hairconcept3000.ajawebs.com
Und zwar dort um die beiden Links Datenschutz, Impressum ganz unten.
Beim IE7 rutscht das ziemlich weit nach unten. Ich muss aber das margin auf 210px stellen sonst sieht das im Firefox so aus
Kann ich nicht noch einen Hackschreiben der extra für den IE7 ist. Ganz komisch das ganze.
CSS:
Schonmal Danke im Vorraus!!
ich kriege trotz CSS Hacks ein Layout nicht bei allen 3 Browsertypen unter ein Dach. Eigtl hat sich ja der IE7 schon die ganze Zeit so verhalten wie der Firefox. Aber bei einem Ding tanzt er voll aus der Reihe. Es geht um die Seite:
http://hairconcept3000.ajawebs.com
Und zwar dort um die beiden Links Datenschutz, Impressum ganz unten.
Beim IE7 rutscht das ziemlich weit nach unten. Ich muss aber das margin auf 210px stellen sonst sieht das im Firefox so aus
Kann ich nicht noch einen Hackschreiben der extra für den IE7 ist. Ganz komisch das ganze.
CSS:
Code:
a { text-decoration: none; color: black}
a:hover { text-decoration: none; color: black}
.lefttop {
padding: 3px0px0px0px;
width:450px;
float:left;
height:285px;
height:265px !important;
margin:0px5px5px0px;
}
.leftbottom {
width:450px;
float:left;
height:300px;
margin:5px5px0px0px;
background-color:white;
}
.middle1 {
width:5px;
height:273px;
float:left;
background-color:#777;
}
.middle2 {
width:100%;
height:5px;
float:right;
margin:0px;
padding:0px;
background-color:#777;
overflow: hidden;
}
.middle3 {
width:5px;
height:330px;
float:left;
background-color:#777;
}
.righttop {
border: 0pxdotted#000;
width:450px;
float:left;
height:285px;
height:265px !important;
margin-left:5px;
margin-bottom:5px;
background-color:#FFF;
}
.rightbottom {
border: 0pxdotted#000;
width:450px;
float:left;
height:300px;
margin:5px0px0px5px;
background-color:white;
}
.topheader {
width:446px;
height:30px;
border-bottom:2pxsolid#777;
font-style: italic;
font-size: 18pt;
font-family: Verdana;
padding:25px0px0px5px;
}
.bottomheader {
width:446px;
height:30px;
border-bottom:2pxsolid#777;
font-style: italic;
font-size: 18pt;
font-family: Verdana;
padding:5px0px0px5px;
}
.righttopcontent {
width:446px;
height:175px;
border-top:1pxdotted#000000;
font-style: normal;
font-weight: normal;
font-size: 10pt;
font-family: Arial, sans-serif;
margin:14px0px0px0px;
padding:5px;
background: url(img/content-back2.jpg) no-repeatcenter;
}
.righttoppics {
width:446px;
height:232px;
border-bottom:1pxdotted#000000;
border-top:1pxdotted#000000;
margin:14px0px0px0px;
padding:12px0px3px0px;
}
.rightbottomcontent {
width:450px;
height:260px !important;
height:300px;
border-top:1pxdotted#000000;
font-style: normal;
font-weight: normal;
font-size: 10pt;
font-family: Arial, sans-serif;
margin:14px0px0px0px;
padding:5px;
background: ;
}
.menu {
width:400px;
height:300px;
background: white;
}
.menulink {
width:139px;
height:35px !important;
height:35px;
font-family: Verdana;
font-size: 12pt;
padding: 5px10px0px8px;
}
.servicebox {
width:80px;
height:130px;
background: white;
float: left;
margin: 5px;
}.footer {width:150px;height:0px;background: white;margin: 210pxauto0px !important;margin: -70pxauto0px;font-size: 10pt;font-family: Arial, sans-serif;}
html, body {height :100%;margin:0px}
table {font-size:10pt}
.imgspace {padding:5px;}
.greylink {color:#777;}
