webForumDet fria alternativet
Logga in / Bli medlem

CSS problem i IE7

HTML & CSS

6 svar · 583 visningar · startad av dwmedia

Medlem sedan nov. 2006188 inlägg
Trådstart#1

Någon som kan hjälpa mig se vart felet kan ligga i min CSS fil
Den funkar felfritt i IE6 och i Firefox.

Sidan slutar vissas då texten slutas halva menyn blir dold under det försvunna.

Helt jävla kostig IE7 som ska stöda html standarden.
Sidan är uppbyggt i div.

Så här ser min css ut.

* {
margin: 0;
padding: 0;
}

body {
font: 70% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 10px auto;
background: #32393f;
color: #000;
}

a img { border: none; }
img { border: none; }

a { color: #0a246a; }
a:hover { text-decoration: none; }

ul { margin: 0 0 0 30px; }

table { border: 0px none; }

p { padding: 5px; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; background: url('img/h_bg.gif') repeat-x bottom;; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px }
h1 { font-size: 160%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }

input {
border-left:1px solid #4a75a6; border-top:1px solid #4a75a6; padding:2px; border-bottom:1px solid #8db1da; border-right:1px solid #8db1da; background:url('img/input_bg.jpg') repeat-x; margin:2px; font-style:normal; font-variant:normal; font-weight:normal; font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif
}

input:focus {
background: url('img/top_bg.jpg');
}

#wrap, #footer {
margin: 0 auto;
text-align: left;
width: 750px;
background: #fff url('img/main_bg.jpg') repeat-y;
}

#top {
height: 55px;
background: url('img/top_bg.jpg') repeat-x;; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px
}
#top_top {
height: 16px;
background: url('img/top.jpg') no-repeat;
}

#splash {
height: 130px;
padding-bottom: 1px;
background: #999 url('img/hr.jpg') repeat-x bottom;
}

/* -------------------------------------------------------------------------------------- */

#main_menu {
float: left;
width: 100%;
background: #e1ebf3 url('img/menu_bg.jpg') repeat-x;
line-height: normal;
height: 33px;
font-size: 115%
}
#main_menu ul {
padding: 0 0 0 20px;
margin: 0;
list-style: none;
}
#main_menu li { display: inline; }
#main_menu a {
float: left;
padding: 0 0 0 4px;
margin: 0 1px 0 0;
text-decoration: none;
}
#main_menu a span {
float: left;
display: block;
padding: 8px 15px 9px 11px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_menu a span { float: none; }
/* End IE5-Mac hack */
#main_menu a:hover span { }
#main_menu a:hover { background: #fff url('img/menu_active.jpg') repeat-x; }
#main_menu a:hover span { background: #fff url('img/menu_active.jpg') repeat-x; }

#main_menu #main_current a { background: #fff url('img/menu_active.jpg') repeat-x; font-weight: bold}
#main_menu #main_current a span { background: #fff url('img/menu_active.jpg') repeat-x; }

/* -------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------- */
#sub_menu {
width: 210px;
}

#sub_menu ul { list-style: none; margin: 0; }

#sub_menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#sub_menu li a:link, #sub_menu li a:visited {
display: block;
background: url('img/sub_menu.jpg');
padding-left:10px; padding-right:0; padding-top:9px; padding-bottom:0
}

#sub_menu li a:hover, #sub_menu li #sub_current {
background: url('img/sub_menu_active.jpg');
padding-left:10px; padding-right:0; padding-top:9px; padding-bottom:0
}
/* -------------------------------------------------------------------------------------- */

#left {
float: left;
width: 500px;
padding: 20px;
}

#right {
float: right;
width: 210px;
}

#bottom {
height: 46px;
background: url('img/footer_bg.jpg') bottom;
}

#footer {
width: 710px;
padding: 0 20px;
color: #fff;
height: 10px;
background: none;
}
#footer a { color: #fff; }
#footer_l { float: left; }
#footer_r { float: right; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

form {
padding: 0 20px;
}

Medlem sedan nov. 2006188 inlägg
#2

Funkar ju i Firefox till och med :/

Medlem sedan maj 20007 492 inlägg
#3

dwmedia skrev:

Funkar ju i Firefox till och med :/

LOL!

Medlem sedan sep. 2006867 inlägg
#4

Kan du skicka länk till själva sidan, felet kan vara i html-koden också.

Medlem sedan nov. 20051 596 inlägg
#5

Känns som jag cyklar en del nu :) eftersom jag undvikit så många hacks som möjligt sedan alla varningsartiklarna började dyka upp i och med IE7 skulle komma.
Frågan är om du inte ska lägga in dina IEhacks i egen fil och länka till den med kommentar.
typ
<!--[if IE6]>
<link rel="stylesheet" type="text/css" href="iehacks.css" />
<![endif]-->
Det kan vara din voice-family som spökar till det för dig.
Fast jag vet inte men du kan säkert hitta länkar om det.
Att FF tolkar sidan rätt beror på att den hoppar över det du skrivit för IE.

Medlem sedan nov. 20051 596 inlägg
#6

Finns också förslag på att tvinga IE7 till Quirks mode
http://www.satzansatz.de/cssd/quirksmode.html

Medlem sedan nov. 2006188 inlägg
#7

https://www.dwmedia.nu är länken

Själva undersidan vill inte visas.

Ska fixa till den först tänkte jag innan jag fixar rästen.

under bilden är borta :/

Den visas i firefox och IE6 alla andra.
men inte just i IE7

267 ms totalt · 4 externa anrop · v20260731065814-full.c32e866c
130 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)