spalter under hinanden?
Jeg vil gerne have to tekstspalter under hinanden..og det som jeg har lavet ser rigtig ud i IE, men i Mozilla FF. ligger tekstfleterne oven i hinanden.
Jeg ved jeg kunne lave en ny style til tekstfelt nr. to og så bare smide en topmargin på, men jeg vil gerne bruge samme style til de to felter.
KODEN:
HTML
------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>hhh</title>
<link rel="stylesheet" type="text/css" href="stylesNY2test.css">
</head>
<body bgcolor="#cccccc" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="boksmain">
<div class="2spalter">
<div class="spalte2_1">
<div class="boks2">
<div class="indryk8">
aktuelt
</div>
</div>
<div class="indryk8">
<div class="overskrift3">
Kaffe er helt iorden - men husk ikke at spare på vandet!
</div>
<div class="broed1">
Nye undersøgelser viser at kaffe er godt for både hjerte og blodomløb. Det er iorden at drikke et par kopper om dagen, men lad dig ikke narre..
</div>
<div class="link5">
<a href=#">læs hele historien</a>
<img src="artikkellogo.gif">
</div>
</div>
</div>
</div>
<div class="2spalter">
<div class="spalte2_1">
<div class="boks2">
<div class="indryk8">
dagens spørgsmål
</div>
</div>
<div class="indryk8">
<div class="overskrift3">
"Hvorfor rumler maven?"
</div>
<div class="broed1">
De fleste af os forbinder maverumlen eller knurren
med sult - men faktisk er der flere grunde til at maven gir' lyd
fra sig..
</div>
<div class="link5">
<a href=#">læs mere</a>
<img src="artikkellogo.gif">
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
CSS
--------------------
DIV.img {
margin-top: 2px;
FLOAT: right
}
#allalign {
BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #666666 1px solid; WIDTH: 784px; BORDER-BOTTOM: #666666 1px solid; HEIGHT: 1110px
}
DIV.boks2 {
BORDER-TOP-WIDTH: thin; BORDER-RIGHT: #993300 thin inset; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: thin; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #993300; WIDTH: 230px; COLOR: #ffffff; BORDER-TOP-COLOR: #993300; BORDER-BOTTOM: #993300 thin inset; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif; HEIGHT: 18px; BACKGROUND-COLOR: #c41039
}
DIV.boks3 {
BORDER-TOP-WIDTH: thin; BORDER-RIGHT: #993300 thin inset; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: thin; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #993300; WIDTH: 152px; COLOR: #ffffff; BORDER-TOP-COLOR: #993300; BORDER-BOTTOM: #993300 thin inset; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif; HEIGHT: 18px; BACKGROUND-COLOR: #c41039
}
DIV.2spalter {
MARGIN-TOP: 15px;
WIDTH: 466px;
HEIGHT: 125px;
}
DIV.spalte2_1 {
WIDTH: 230px;
POSITION: absolute;
HEIGHT: 100%;
}
DIV.spalte2_2 {
MARGIN-LEFT: 236px;
WIDTH: 230px;
POSITION: absolute;
HEIGHT: 100%;
}
DIV.3spalter {
WIDTH: 466px;
HEIGHT: 245px;
position: absolute;
}
DIV.spalte3_1 {
WIDTH: 152px; POSITION: absolute; HEIGHT: 245px; position: absolute;
}
DIV.spalte3_2 {
MARGIN-LEFT: 157px; WIDTH: 152px; POSITION: absolute; HEIGHT: 245px; position: absolute;
}
DIV.spalte3_3 {
MARGIN-LEFT: 315px; WIDTH: 152px; POSITION: absolute; HEIGHT: 245px; position: absolute;
}
