Avatar billede jonas_net Nybegynder
20. januar 2004 - 09:46 Der er 9 kommentarer

div tags virker ikke som de skal

Hej jeg sidder med det problem at jeg ikke kan få mine div tags til at ligge efter hinanden. Mening er at mit site skal opbygges nogenlunde lige som eksperten.dk, men det går lidt fra hinanden. Felterne 1,2,3 & 4,5,6 skal ligge på en vandret række efter hinanden.
Det er nok et lille problem, men jeg kan ikke lige få det til at virke. Min kode ser således ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<STYLE type=text/css>

.content-boxed {
color: #8E8E8E;
font-family:tahoma,arial,verdana;
font-size: 12px;
border-width: 1px;   
border-style: solid ;   
border-color: #8E8E8E;
padding: 10px;
}


</STYLE>
</HEAD>

<BODY bgcolor="CCCCCC">
<CENTER>
<TABLE bgcolor="FFFFFF" align="center" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="780" bgcolor="CCCCCC">
</TD>
</TR>
<TR>
<TD bgcolor="EFEFEF">

</TD>
</TR>
<TR>
<TD>
<TABLE border="0" cellspacing="0" cellpadding="0">
<div class="content-boxed" style="float:center; width:780px; height:66px;">top_banner</div>
<div class="content-boxed" style="float:center; width:780px; height:66px;">serach_field</div>


<div class="content-boxed" style="float: left; width: 150px;">1
</div>

<div class="content-boxed" style="float: center; width: 480px;">2
</div>

<div class="content-boxed" style="float: right; width: 150px;">3
</div>

<div class="content-boxed" style="float: left; width: 150px; height:400px;">4
</div>
<div class="content-boxed" style="float: center; width: 480px; height:400px;">5
</div>
<div class="content-boxed" style="float: right; width: 150px; height:400px;">6
</div>


   



</TABLE>


</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
Avatar billede exp Juniormester
20. januar 2004 - 10:07 #1
En div fylder som standard 100% i bredden, du skal tilføje følgende til div'ens css:
display:inline;

... men så kan du lige så godt bruge <span>
Avatar billede jonas_net Nybegynder
20. januar 2004 - 10:12 #2
kan du evt. prøve at sætte det ind i min kode.. ?
Avatar billede exp Juniormester
20. januar 2004 - 10:16 #3
.content-boxed {
color: #8E8E8E;
font-family:tahoma,arial,verdana;
font-size: 12px;
border-width: 1px;   
border-style: solid ;   
border-color: #8E8E8E;
padding: 10px;
display:inline;
}
Avatar billede jonas_net Nybegynder
20. januar 2004 - 10:17 #4
jeg forstår ikke helt hvad du mener. Jeg er ikke helt klar over, hvor hvad skal sættes ind, hvor.
Avatar billede jonas_net Nybegynder
20. januar 2004 - 10:20 #5
det hjælper ikke det ser således ud:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<STYLE type=text/css>

.content-boxed {
color: #8E8E8E;
font-family:tahoma,arial,verdana;
font-size: 12px;
border-width: 1px;   
border-style: solid ;   
border-color: #8E8E8E;
padding: 10px;
display:inline;
}


</STYLE>
</HEAD>

<BODY bgcolor="CCCCCC">
<CENTER>
<TABLE bgcolor="FFFFFF" align="center" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="780" bgcolor="CCCCCC">
</TD>
</TR>
<TR>
<TD bgcolor="EFEFEF">

</TD>
</TR>
<TR>
<TD>
<TABLE border="0" cellspacing="0" cellpadding="0">
<div class="content-boxed" style="float:center; width:780px; height:66px;">top_banner</div>
<div class="content-boxed" style="float:center; width:780px; height:66px;">serach_field</div>


<div  class="content-boxed" style="float: left; width: 150px;">1
</div>

<div class="content-boxed" style="float:center; width: 480px;">2
</div>

<div class="content-boxed" style="float:right; width:150px;">3
</div>

<div class="content-boxed" style="float: left; width: 150px; height:400px;">4
</div>

<div class="content-boxed" style="float: center; width: 480px; height:400px;">5
</div>

<div class="content-boxed" style="float: right; width: 150px; height:300px;">6
</div>

</TABLE>


</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
Avatar billede jonas_net Nybegynder
20. januar 2004 - 10:37 #6
kan du hjælpe ?
Avatar billede exp Juniormester
20. januar 2004 - 10:51 #7
Ellers må du bruge relative positioner
position:relative;
left:bredden_på_din_div;
Avatar billede jonas_net Nybegynder
20. januar 2004 - 11:03 #8
det kan ikke passe... Jeg ved det kan lade sig gøre
Avatar billede exp Juniormester
20. januar 2004 - 11:47 #9
Hvor ved du det fra?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester