webForumDet fria alternativet
Logga in / Bli medlem

div problem med IE !

6 svar · 962 visningar · startad av vagann

vagannMedlem sedan juli 2011171 inlägg
#1

hej , jag hade tänkt skapa en enkel design med hjälp av divar , och allt såg bra ut i safari , chrome och firefox medan i IE hade det bildats extra divar även om jag inte har det i html strukturen , ser ganska konstigt ut ... här är en bild på strukturen i IE http://i46.tinypic.com/2i20epd.jpg ... de områden som är markerade med röda X måste bort.

så här ser html strukturen ut :

<!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">
<head>

<link rel="stylesheet" type="text/css"href="style.css" />

</head>
<body>
<div id="contianer">
<div id="header" align="center"><a href="http://www.ssi-developer.net/"><img src="logo.gif"  /></a></div>
<div id="nav">*<a href="#" >nav link 1<a/>  <a href="#" >nav link 2<a/></div>
<div id="live">*<a href="#" >meddelande visas<a/></div>
<div id="content" >

<div id="cont">
<h3 align="center">Two Column Fixed Width with Header &amp;
Footer</h3>
<div align="center" style="color: red;">Ver 2.3</div>
hhthtjtjjtrjtjtrjjrjkykyktykkrykekyketyktketl
our content.</p>

<br />
</div>
</div><div id="userbar">
<li><a href="#">Link</a></li><br />
</div>
</div>
<center><div id="copyright" >Copyright (c) You 2003</div></center>
</body>
</html>

är tacksam för hjälpen :)

voigtann1Medlem sedan juni 20019 519 inlägg
#2

är knappast ett div problem, man behöver din CSS för att säga vad som är galet.

Din HTML markup lite är felaktig, du har <li> utan ul och du avslutar ett <p> element utan att ha öppnat den... men det är förmodligen inte därför det är fel.

Sen stänger du a-elementet konstigt skall vara </a> inte <a/>

vagannMedlem sedan juli 2011171 inlägg
#3

ja, lite slarv fel finns det , men det fixar jag sen ....

style.css

 body {
 	text-align: center;
 	font-family: verdana, arial, tahoma, sans-serif;
 	font-size: 11px;
 	color: #000;
 	background: #dcdcdc;
 	padding: 0;
 	margin: 15px 0 5px }

#contianer {
 	text-align: left;
 	background: #fcfefc;
 	color: inherit;
 	border: 1px solid #000000;
 	margin: 0 auto;
 	padding: 0;
 	width: 860px;
	overflow: hidden
 }

#header {
 height:80px;
 background: #fcce32;
 color: #333333;
 }

#nav  {
 	height: 25px;
 	background: #c5c6ac;
 	color: inherit;
 	border: solid #000000;
 	border-width: 1px 0;
	padding-top:10px;
	
 }

 #nav a:link  {
	color: #000000;
 	background: inherit;
 	font-weight: bold;
 	text-decoration: none;
	
 }
 #nav a:visited {
 	color: #000000;
 	background: inherit;
 	font-weight: bold;
 	text-decoration: none;
 }
#nav a:hover {
 	background: inherit;
 	color: #555555;
 	font-weight: bold;
 	text-decoration: underline;
 }
 #nav a:active {
 	color: #000000;
 	background: inherit;
 	font-weight: bold;
 	text-decoration: underline;
 }

#live  {
 	height: 25px;
 	background: #c5c6ac;
 	color: inherit;
 	border: solid #000000;
 	border-width: 1px 0;
	padding-top:10px;
	
 }

 #live a:link  {
	color: #000000;
 	background: inherit;
 	font-weight: bold;
 	text-decoration: none;
	
 }
 
 #live a:hover {
 	background: inherit;
 	color: #555555;
 	font-weight: bold;
 	text-decoration: underline;
 }
 
#content {
 position:relative;
 color: #333333;
 width:700px;
 padding:0;
 border: 1px solid black;
 float:right;
 }

#userbar {
    border:1px dashed black;
    width:150px;
    margin:3px;
    float:left;
	}

#userbar li {
	list-style-type: none; 
	margin-top:7px;
	margin-left:10px;
}

#userbar li a {
	 	color: #000000;
 	background: inherit;
 	text-decoration : none;
 	font-size : 10px;
 	padding : 0;
 	margin : 0;
 	font-weight: bold;
 	text-transform: uppercase;
}

#userbar li A:hover {
	color:#3b5998;
	text-decoration: underline;
}

#cont {
 width:495px;
  color: #333333;
  border-width:0 0 0 1px;
 text-align:left;
 }

#copyright{
 height:25px;
 width: 860px;
 background:#c0c0c0;
 color: #333333;
 border:solid black;
 border-width:0 1px 1px 1px;
 margin: auto 0;
 text-align: center;
 
 }
 #senateinloggade li {
	display: inline;
	list-style-type: none;
	padding-right: 3px;
} 

#senateinloggade li a {
	color:red;
	text-decoration: none
	
}

.title {
background: #3B5998;
font-size:15px;
color: white;
}

.sub  {
background: #3B5998;
font-size:15px;
color: white;
margin-left:50px;
margin-right:50px;
}

.con {
background-color:white;
border:1px solid  #3B5998;
margin-bottom:50px;
color:black;
font-size:13px;
}

#outcontent {
min-height:200px;
}
vagannMedlem sedan juli 2011171 inlägg
#4

ojj fel , dubbelpost

voigtann1Medlem sedan juni 20019 519 inlägg
#5

jag kan inte återskapa med den HTML kod du har bifogat i verken IE7, IE8 eller i IE9. Har dock rensat i din CSS lite då det inte är jätte konsekvent:

body {
	text-align: center;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 11px;
	color: #000;
	background: #dcdcdc;
	padding: 0;
	margin: 15px 0 5px;
}
#contianer {
	text-align: left;
	background: #fcfefc;
	border: 1px solid #000000;
	margin: 0 auto;
	padding: 0;
	width: 860px;
	overflow: hidden;
}
#header {
	height:80px;
	background: #fcce32;
	color: #333333;
}
#nav  {
	height: 25px;
	background: #c5c6ac;
	border: solid #000000;
	border-width: 1px 0;
	padding-top:10px;
}
#nav a  {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#nav a:hover {
	color: #555;
	text-decoration: underline;
}
#nav a:active {
	text-decoration: underline;
}
#live  {
	height: 25px;
	background: #c5c6ac;
	border: solid #000;
	border-width: 1px 0;
	padding-top:10px;
}
 #live a  {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#live a:hover {
	color: #555;
	text-decoration: underline;
}
#content {
	position: relative;
	color: #333;
	width: 700px;
	padding: 0;
	border: 1px solid black;
	float: right;
}
#userbar {
	border: 1px dashed black;
	width: 150px;
	margin: 3px;
	float: left;
}
#userbar li {
	list-style-type: none; 
	margin-top:7px;
	margin-left:10px;
}
#userbar li a {
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#userbar li a:hover {
	color: #3b5998;
	text-decoration: underline;
}
#cont {
	width:495px;
	color: #333;
	border-width:0 0 0 1px;
	text-align:left;
}
#copyright{
	height: 25px;
	width: 860px;
	background: #c0c0c0;
	color: #333;
	border: solid black;
	border-width: 0 1px 1px 1px;
	margin: auto 0;
	text-align: center;
}
#senateinloggade li {
	display: inline;
	list-style-type: none;
	padding-right: 3px;
} 
#senateinloggade li a {
	color: red;
	text-decoration: none;
}
.title {
	background: #3B5998;
	font-size: 15px;
	color: #fff;
}
.sub  {
	background: #3B5998;
	font-size: 15px;
	color: #fff;
	margin: 0 50px;
}
.con {
	background-color: #fff;
	border: 1px solid #3B5998;
	margin-bottom: 50px;
	font-size: 13px;
}
#outcontent {
	min-height: 200px;
}
vagannMedlem sedan juli 2011171 inlägg
#6

jaha, tack ändå :)

voigtann1Medlem sedan juni 20019 519 inlägg
#7

Om du postar den genererade HTML kod som återskapa ditt problem så kan man hjälpa dig

141 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)