Søg
Avatar billede Bjarne Novice
15. april 2007 - 00:04 Der er 8 kommentarer og
1 løsning

Afstand mellem fieldset og legend

Godaften.

Jeg har et problem med en smule afstand mellem et fieldset og legend i Internet Explorer 7(måske også 6). Det vises rigtigt i Firefox:

<fieldset style="width: 300px; border: 1px solid #88B0FF; padding: 5px;">
<legend style="background: #88B0FF;">Tekst</legend>
</fieldset>

Er der en som ved, hvorledes man gør?
Avatar billede roenving Novice
15. april 2007 - 23:08 #1
Hvad er dit problem ?-)
Avatar billede Bjarne Novice
15. april 2007 - 23:36 #2
Hvis du har både Firefox og IE7 kørende, så prøv at afvikle koden. Du vil opdage en smule "luft" mellem legend.background og fieldset.border i Internet Explorer 7. Der er ingen luft i FF. Jeg vil gerne have luften væk i IE7. Hvis du forstår hvad jeg mener?
Avatar billede roenving Novice
15. april 2007 - 23:57 #3
IE7 er ikke lige min kop te, så det bliver i et andet århundrede ...
Avatar billede olebole Juniormester
16. april 2007 - 13:54 #4
<ole>

Eksemplet ser ens ud i IE6 og 7 - og begge dele er forskellig fra FF's måde at vise det på. Sådan er livet - og det kan du ikke ændre på med f.eks. margin/padding.
Hvordan den slags skal renderes, er ikke standardiseret - og man kan derfor ikke forvente, det vises ens. I stedet kan du jo improvisere lidt:

<div style="position:relative;width: 300px; border: 1px solid #88B0FF; padding:15px;">
    <span style="position:absolute;top:-0.6em;left:8px;padding:0 8px;background: #88B0FF;">Tekst</span>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
</div>

/mvh
</bole>
Avatar billede Bjarne Novice
16. april 2007 - 21:31 #5
Roenving: Helt i orden. Tak for din tid alligevel.
Olebole: Jeg har lige afprøvet din improvisation, og jeg må sige, at jeg er imponeret. Smid gerne et svar, hvis du ønsker point. Mange tak for hjælpen.
Avatar billede thesurfer Nybegynder
16. april 2007 - 21:59 #6
Oleboles imponerende kode kan omskrives, så den bliver mere generel.. så kan den nemt bruges flere steder på siden, med forskellige parametere..

F.eks., forskellige bredde til forskellige bokse..

Eksempel:

<!-- HUSK DOCTYPE! -->
<html>
<head>
<title>legend test</title>
<style type="text/css">
.legendramme
{
position:relative;
border: 1px solid #88B0FF;
padding:15px;
}

.legendtitel
{
position:absolute;
top:-0.6em;
left:8px;
padding:0 8px;
background: #88B0FF;
}
</style>
</head>

<body>

<br>
<div class="legendramme" style="width:200px;">
    <span class="legendtitel">Dette er titlen</span>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
</div>
<br>
<br>
<div class="legendramme" style="width:400px;">
    <span class="legendtitel">En anden titel og en anden bredde</span>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
    Abla abla blabla bla bla<br>
</div>

</body>
</html>


Osv..
Avatar billede Bjarne Novice
16. april 2007 - 22:28 #7
tak tak.
Avatar billede Bjarne Novice
22. april 2007 - 20:44 #8
Olebole: Vil du smide et svar, så jeg kan få lukket spørgsmålet?
Avatar billede Bjarne Novice
26. april 2007 - 22:08 #9
Det tager jeg som et nej tak.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 15:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
I går 20:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
White papers
Flere white papers »