---
title: "CSS problem i IE7"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/155111-css-problem-i-ie7"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "dwmedia"
published: "2006-12-21T03:01:38.000Z"
updated: "2006-12-22T09:26:55.000Z"
replies: 6
views: 583
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/155111-css-problem-i-ie7"
---

# CSS problem i IE7

## #1 — dwmedia, 2006-12-21T03:01Z

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;
}

Permalänk: https://www.webforum.nu/p/155111

## #2 — dwmedia, 2006-12-21T08:04Z

Funkar ju i Firefox till och med :/

Permalänk: https://www.webforum.nu/p/1911929

## #3 — Okkido, 2006-12-21T08:33Z

> **dwmedia skrev:**
>
> Funkar ju i Firefox till och med :/

LOL!

Permalänk: https://www.webforum.nu/p/1911940

## #4 — headbug, 2006-12-21T09:06Z

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

Permalänk: https://www.webforum.nu/p/1911953

## #5 — tanten, 2006-12-21T09:54Z

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.

Permalänk: https://www.webforum.nu/p/1911972

## #6 — tanten, 2006-12-21T10:07Z

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

Permalänk: https://www.webforum.nu/p/1911979

## #7 — dwmedia, 2006-12-22T09:26Z

<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

Permalänk: https://www.webforum.nu/p/1915234

---

Tråden på webben: https://www.webforum.nu/amne/html-css/155111-css-problem-i-ie7