/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
2 bokse sammen i css
Fra : Bjerrum


Dato : 02-10-03 21:39

Hej
Jeg har et lille problem med to bokse, som ikke vil hænge sammen. Virker
fint i IE, men ikke Mozilla og Opera, hvor der bliver et mellemrum.

Mit css ser sådan ud:

#content {
width: 500px;
margin: 0px;
border: thin solid #CC0000;
}
#foot {
color: #CC0000;
width: 500px;
margin: 0px;
padding: 0px;
border-left: thin solid #CC0000;
border-right: thin solid #CC0000;
border-bottom: thin solid #CC0000;
}

Og html'en:

<body>
<div id="content">
<p>This is a box<br></p>
<p>This is a box<br></p>
</div>
<div id="foot"><p>This is a foot</p></div>
</body>

Er der en som kan se hvordan jeg får dem til at ramme sammen?

Søren Bjerrum



 
 
Morten Sørensen (02-10-2003)
Kommentar
Fra : Morten Sørensen


Dato : 02-10-03 22:06

"Bjerrum" <sb@[slet]plugworks.net> skrev i en meddelelse
news:T10fb.306$Kv.4267@news000.worldonline.dk...
> Hej
> Jeg har et lille problem med to bokse, som ikke vil hænge sammen. Virker
> fint i IE, men ikke Mozilla og Opera, hvor der bliver et mellemrum.
>
> Mit css ser sådan ud:
>
> #content {
> width: 500px;
> margin: 0px;
> border: thin solid #CC0000;
> }
> #foot {
> color: #CC0000;
> width: 500px;
> margin: 0px;
> padding: 0px;
> border-left: thin solid #CC0000;
> border-right: thin solid #CC0000;
> border-bottom: thin solid #CC0000;
> }
>
> Og html'en:
>
> <body>
> <div id="content">
> <p>This is a box<br></p>
> <p>This is a box<br></p>
> </div>
> <div id="foot"><p>This is a foot</p></div>
> </body>
>
> Er der en som kan se hvordan jeg får dem til at ramme sammen?
>
> Søren Bjerrum

Jeg kan desværre ikke hjælp, men er spændt på, hvad du finder ud af for jeg
har samme problem blot med tre bokse/spalter. Det virker også fint i IE, men
i Mozilla virker det overhovedet ikke.

Mvh.
Morten




jopa (02-10-2003)
Kommentar
Fra : jopa


Dato : 02-10-03 22:39

"Bjerrum" <sb@[slet]plugworks.net> skrev i en meddelelse
news:T10fb.306$Kv.4267@news000.worldonline.dk
> Hej
> Jeg har et lille problem med to bokse, som ikke vil hænge sammen.
> Virker fint i IE, men ikke Mozilla og Opera, hvor der bliver et
> mellemrum.

Hejsa
Hurtigt klasket ned men virker tror jeg. Minder da lidt om din
----------------------------------------
<style type="text/css">
body {
margin:20px;

}

#boks1 {
width:500px;
margin:0px;
text-align:left;
padding:0px;
border:1px solid red;
background-color:white;
}
#boks2 {
width:500px;
margin:0px;
text-align:left;
padding:0px;
border:1px solid red;
background-color:white;

}
</style>
</head>
<body>
<div id="boks1">
Højden af boxen styrer du ved hjælp af indholdet.Højden af boxen styrer du
ved hjælp af indholdet.Højden af boxen styrer du ved hjælp af indholdet.
</div>
<div id="boks2">
Højden af boxen styrer du ved hjælp af indholdet.Højden af boxen styrer du
ved hjælp af indholdet.Højden af boxen styrer du ved hjælp af indholdet.
Højden af boxen styrer du ved hjælp af indholdet.
</div>
</body>
------------------------------------------------------------
Resten m¨å du selv lege med


--
Mvh. John
www.johns-web.dk / www.jp-web.dk
www.web-templates.dk
Teamwork sharpening the skills!!



Bjerrum (05-10-2003)
Kommentar
Fra : Bjerrum


Dato : 05-10-03 18:39


"jopa" <222jopa@pc.dk(fjern222)> skrev i en meddelelse
> Hejsa
> Hurtigt klasket ned men virker tror jeg. Minder da lidt om din

Ja det gør det og det ledte mig på sport - må det jo værer mit <p> tage.

Tak for din tid

Søren Bjerrum



Jens Gyldenkærne Cla~ (03-10-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 03-10-03 10:18

Bjerrum skrev:

> Jeg har et lille problem med to bokse, som ikke vil hænge
> sammen. Virker fint i IE, men ikke Mozilla og Opera, hvor der
> bliver et mellemrum.

Det er defaultværdien for topmargen på p der driller.

Indsæt:

#foot p{ margin-top: 0px; }


Til en anden gang - det er meget lettere at hjælpe hvis du kan give
et link til din side.

Se evt. følgende artikel: <http://infimum.dk/HTML/hjaelpmig.html>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Bjerrum (05-10-2003)
Kommentar
Fra : Bjerrum


Dato : 05-10-03 18:41


"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev i en meddelelse
> Det er defaultværdien for topmargen på p der driller.

Det er det næmlig lige præsis.


Tak for din hjælp

Søren Bjerrum



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste