width rykker rundt
Hej...Jeg er igang med en side hvor jeg benytter CSS til at opbygge siden.
I det hele taget er stylesheetet lidt rodet, men virker godt og validere med w3c.
Men når jeg viser siden vises den på mange forskellige måder:
i firefox laver den til tider en fejl hvor størrelsen ikke bliver tilpasset med sidens bredde sådan som jeg gerne vil have..
Jeg er ikke specielt skarp i CSS. Så derfor håber jeg der er nogen der kan hjælpe mig.
Jeg har 2 screenshots: (billederne er skåret i venstre side, men højre side går helt ud til kanten af browseren)
I firefox når siden ser forkert ud :
http://www.student.dtu.dk/~s011606/width1.jpg
I firefox når siden ser ud som den skal:
http://www.student.dtu.dk/~s011606/width2.jpg
Min default side ser ud som:
<TABLE width="100%">
<TR>
<TD valign="top">
<div id="centermainbox">
<?php
if (!isset($page)) {
include "frontpage/frontpage.php";
}
else {
include($page . "/" . $page . "_page.php");
}
?>
</div>
</TD>
<?PHP
if ($_SESSION['inst_msg']) {
echo '<TD width="285" valign="top">';
echo "<div id=\"instantbox\">";
echo '<IFRAME src="instantmsg/inst_msg_page.php" HEIGHT="100%" WIDTH="100%" frameborder="0"></IFRAME>';
//$db_connection->db_stop();
echo "</div>";
echo "</TD>";
}
else {
echo "<td width=\"20%\"></td>";
}
?>
</TR></TABLE>
De CSS koder jeg benytter er:
#centerbox {
position: relative;
top:1px;
left: 20em;
width: 75%;
padding : 0px 0px 0px 0px;
}
#centermainbox {
position: relative;
top:0px;
left: 0em;
height: auto;
width: auto;
min-height: 490px;
background: white;
border:1px solid #8CACBB;
padding : 10px 10px 10px 10px;
overflow: auto;
}
#instantbox {
position: relative;
top:0px;
min-height: 490px;
height: 490px;
min-width: 285px;
max-width: 285px;
width: 285px;
background: white;
border:1px solid #8CACBB;
padding : 10px 10px 10px 10px;
overflow: auto;
}
Grunden til at jeg har benyttet en tabel på siden er at jeg på den måde kan sørge for at siden hele tiden har den rette bredde..
