Firefox 2 og IE7
Hvordan kan det være min side ikke er ens i IE 7 og firefox 2 ? Jeg tror selv det er CSS'en der er galt med.Screenshots: http://www.flickr.com/photos/60299961@N00/sets/72157594360250212/
Her er CSS filen jeg bruger:
----------------------------------------------------------
body {
margin: 25px 0px 0px 0px;
background-color: #FFFFFF;
background-image: url(images/bg.gif);
background-position: center;
background-repeat: repeat-y;
text-align: center;
}
input.submitButton {
color: #999999;
background-color: transparent;
border: none;
margin: 0;
padding: 0;
}
/***********************************
CONTAINERS
***********************************/
#main {
width: 720px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #FFFFFF;
}
#top-nav {
width: 715px;
margin-left: auto;
margin-right: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 55%;
color: #999999;
text-align: right;
vertical-align: bottom;
height: 18px;
line-height: 18px;
padding-right: 5px;
border-width: 0px 0px 1px 0px;
border-style: solid;
background-color: #FFFFFF;
}
#navigation {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
color: #FF9900;
background-color: #FAFAFA;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px 5px 15px 5px;
width: 150px;
border-color: #CCCCCC;
border-style: solid;
border-width: 0px 1px 1px 0px;
text-align: right;
}
#content {
margin-left: 170px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #666666;
text-decoration: none;
width: 535px;
text-align: left;
padding: 5px 5px 15px 5px;
background-color: #FFFFFF;
}
#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #999999;
padding: 40px 0px 10px 0px;
text-align: center;
clear: left;
background-color: #FFFFFF;
}
/***********************************
LINKS
***********************************/
a {
color: #666666;
text-decoration: none;
}
a:hover {
color: #FF0066;
text-decoration: none;
}
a.indbakke-emne {
color: #666666;
text-decoration: none;
}
.indbakke-afsender {
color: #666666;
text-decoration: none;
text-align: left;
float: left;
width: 150px;
height:20px;
display: block;
}
.indbakke-emne {
color: #666666;
text-decoration: none;
text-align: left;
width: 130px;
height:20px;
display: block;
float: left;
}
.indbakke-dato {
color: #666666;
text-decoration: none;
text-align: left;
float: right;
width: 180px;
height:20px;
display: block;
}
.indbakke-checkbox {
color: #666666;
text-decoration: none;
text-align: left;
float: left;
}
.indbakke-foto {
color: #666666;
text-decoration: none;
text-align: left;
float: left;
display: block;
height:20px;
width: 20px;
}
a.indbakke-ny {
color: #999999;
text-decoration: none;
}
a.small-navigation {
color: #999999;
text-decoration: none;
}
a.small-navigation:hover {
color: #FF9900;
}
a.navigation {
color: #666666;
border-width: 0px 0px 0px 5px;
border-color: #DEDEDE;
border-style: solid;
text-decoration: none;
display: block;
padding: 3px 0px 3px 5px;
text-align: left;
font-weight: normal;
}
a.navigation:hover {
border-color: #FF9900;
background-color: #EFEFEF;
}
/***********************************
MISCELLANEOUS
***********************************/
#header {
padding: 5px 0px 5px 0px;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 1px 0px;
background-color: #FFFFFF;
}
hr {
width: 100%;
height: 0px;
text-align: center;
border-color: #CCCCCC;
border-style: dashed;
border-width: 0px 0px 1px 0px;
}
h1 {
color: #FF9900;
font-size: 180%;
text-decoration: none;
text-align: right;
margin: 0px 0px 15px 0px;
font-weight: normal;
padding: 2px 50px 0px 0px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #FF9900;
background-color: #FFFFFF;
}
p {
border-color: #999999;
border-style: dashed;
border-width: 0px 0px 1px 0px;
padding: 0px 0px 0px 0px;
margin-top: 1px;
}
/***********************************
nyheder
***********************************/
.nyhed-emne {
color: red;
text-decoration: none;
}
.nyhed-tekst {
color: black;
text-decoration: none;
font-size: 100%;
}
.nyhed-dato {
color: #666666;
text-decoration: none;
font-size: 100%;
float: left;
}
.nyhed-forfatter {
color: #666666;
text-decoration: none;
font-size: 80%;
float: left;
}
.nyhed-link {
color: red;
text-decoration: none;
float: right;
}
a.nyhed-kommentar {
color: red;
text-decoration: none;
float: right;
}
h2 {
color: #FF9900;
text-decoration: none;
font-size: 130%;
margin: 0px 0px 0px 0px;
}
----------------------------------------------------------
Her er min PHP:
----------------------------------------------------------
<?php
include('include/connect.php');
$res = mysql_query("SELECT * FROM nyheder WHERE emne='{$_GET['nyhed']}' AND godkendt='yes' ") or die (mysql_error());
while($row=mysql_fetch_assoc($res)){
echo "<div style=\"border: 1px dotted #none; width: 500px\">";
echo "<h2>" . $row['oversrkift'] . "</h2>";
echo "<p>";
echo "<div class=\"nyhed-forfatter\">";
echo $row['bruger_id'];
echo " | </div>";
echo "<div class=\"nyhed-forfatter\">";
echo $row['dato'];
echo "</div>";
echo "<br>";
echo "<div class=\"nyhed-tekst\">";
echo $row['teksts'];
echo "</div>";
echo "<p>";
echo "<div class=\"nyhed-link\">";
echo $row['kilde'];
echo "</div>";
echo " <a href=\"index.php&menu=nyhed_kommentar&nyhed_id=$row[id]\" class=\"nyhed-kommentar\">";
echo "skriv kommentar | ";
echo "</a></div>";
echo "<div style=\"border: 1px; dotted #none; width: 500px;\">";
echo "<p>";
echo "</div>";
}
?>
