Hej, jeg har siddet og rodet lidt med et tableless design, og det fungerer også ganske godt i firefox, men når jeg prøver at se siden i IE7 er der bare blank skærm..
jeg ved ikke om det er fordi IE7 ikke viser DIVs ordentlig eller hvad..
her er lidt kode:
først mit html, som det ser ud efter php har outputtet det hele.
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Lars' Blog</a>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
<div align="center">
<div id="header">
<p align="center">Pliid.dk blog</p>
<p align="center" class="headertitle">Lars' herre fede, men ret ligegyldig blog</p>
</div>
</div>
<br />
<div id="contentposts">
<div class="posts" name="post41">
<h3>Linux Humor!</h3>
<div class="postdate">24-04-07</div><br />
<p><img src="http://imgs.xkcd.com/comics/sandwich.png" /></p>
<a class="postlink" href="?side=vis&id=41">læs mere</a><br /><br />
<div class="postforfatter">skrevet af: Lars</div><br /><br />
</div>
<div class="posts" name="post40">
<h3>Sjov webcomic - explosm.net</h3>
<div class="postdate">13-03-07</div><br />
<p><img src="http://www.explosm.net/db/files/Comics/Kris/illness.png" /> </p>
<a class="postlink" href="?side=vis&id=40">læs mere</a><br /><br />
<div class="postforfatter">skrevet af: Lars</div><br /><br />
</div>
<div class="posts" name="post39">
<h3>Musikere styrer</h3>
<div class="postdate">15-12-06</div><br />
<p><img src="ragelse/musiciansarebetter.jpg"></p>
<a class="postlink" href="?side=vis&id=39">læs mere</a><br /><br />
<div class="postforfatter">skrevet af: Lars</div><br /><br />
</div>
<div class="posts" name="post38">
<h3>Mon de finder ham?</h3>
<div class="postdate">04-11-06</div><br />
<p><img src="http://www.nashvilleistalking.com/archives/Rapist%20Search.jpg"></p>
<a class="postlink" href="?side=vis&id=38">læs mere</a><br /><br />
<div class="postforfatter">skrevet af: Lars</div><br /><br />
</div>
<div class="posts" name="post37">
<h3>Don Camre</h3>
<div class="postdate">24-10-06</div><br />
<p>Don Camre <br>
<img src="http://img133.imageshack.us/img133/9411/domcamreus4.jpg"></p>
<a class="postlink" href="?side=vis&id=37">læs mere</a><br /><br />
<div class="postforfatter">skrevet af: Lars</div><br /><br />
</div>
<p class="pagingtxt" align="right">
Gå til side:
1 <a href="index.php?side=2">2</a> <a href="index.php?side=3">3</a> <a href="index.php?side=4">4</a> </p>
<br />
</div>
<div id="contentside">
<ul>
<li><a href="index.php">home</a></li>
<li><a href="about.php">about me</a></li>
<li><a href="tagwall.php">tagwall.php</a></li>
<li><a href="links.php">links</a></li>
</ul>
<br />
<ul>
<li><a href="?side=login">login</a></li>
</ul>
</div>
</div>
</body>
</html>
og her er noget css:
#wrapper {
margin: 0 auto;
width: 900px;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
ul {
list-style: url(bullet.gif);
margin: 0;
}
a {
color: black;
}
a:hover {
text-decoration: none;
}
h1,h2,h3,h4,p {
margin:0;
padding:0;
}
.postdate,.postforfatter,.postlink,.pagingtxt {
font-size: smaller;
color: #a1a1a1;
}
#header {
background-image: url(header.png);
width: 850px;
height: 200px;
background-repeat: no-repeat;
font-size: xx-large;
margin-left: auto;
margin-right: auto;
display: table-cell;
vertical-align: middle;
}
.headertitle {
font-size: medium;
}
#contentposts {
width: 500px;
float:left;
position:relative;
left: 8%;
min-height: 200px;
}
#contentside {
position: relative;
left: 20%;
width: 140px;
float: left;
min-height: 200px;
border-left: 1px black dashed;
}
Jeg håber der er nogle der har mere forstand på css end jeg har, som kan hjælpe lidt
