Avatar billede Slettet bruger
28. december 2003 - 17:03 Der er 19 kommentarer og
1 løsning

CSS-script - Er dette rigtigt ?

Og hvordan indstiller jeg teksten, så der er lidt afstand til rammen ?

------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>3 spalter</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="Author" content="Ib Bermann" />
<style type="text/css">

#spalte1 {
    float:left;
    width: 33%;
    background-color : Silver;
    border : thin solid Maroon;
    font : smaller Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-right : 3   
}
#spalte2 {
    float:left;
    width: 33%;
    background-color : Silver;
    border : thin solid Maroon;
    font : smaller Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-right : 3
}
#spalte3 {
    float:left;
    width: 33%;
    background-color : Silver;
    border : thin solid Maroon;
    font : smaller Verdana, Geneva, Arial, Helvetica, sans-serif;
}
</style>

</head>
<body>
<div id="spalte1">
<p>Dette er spalte 1...<br>FORÅRETS UDPLANTNINGSPLANTER RYDDES FRA POTTER OG KRUKKER for at give plads til sommerens udplantningsplanter. Det kan betale sig også at fjerne noget af den gamle jord, hvis den er fra sidste år. Lidt ny jord vil give planterne en frisk start. Det er bedst at bruge en fyldig, færdigblandet pottejord, der ikke tørrer så hurtigt ud. Jo større og tungere potten er, jo mindre vil den have tilbøjelighed til at vælte.
</div>

<div id="spalte2">
<p>Dette er spalte 2... <br> FORÅRETS UDPLANTNINGSPLANTER RYDDES FRA POTTER OG KRUKKER for at give plads til sommerens udplantningsplanter. Det kan betale sig også at fjerne noget af den gamle jord, hvis den er fra sidste år. Lidt ny jord vil give planterne en frisk start. Det er bedst at bruge en fyldig, færdigblandet pottejord, der ikke tørrer så hurtigt ud. Jo større og tungere potten er, jo mindre vil den have tilbøjelighed til at vælte.<br>BESKÆR BUSKE, DER DYRKES PÅ GRUND AF DERES DEKORATIVE LØV, fx hyld (Sambucus) og parykbusk (Cotinus). Det smukkeste løv kommer på nye skud, hvorfor de beskæres kraftigt nu. Hvis planten skal være større, kan det betale sig at lade to eller tre skud forblive ubeskåret, så de kan fortsætte væksten, uden at det går ud over det smukke løv. Som altid efter beskæring gødes med en fuldgødning, og der vandes i tørt vejr.

</div>

<div id="spalte3">
<p>Dette er spalte 3...<br>FORÅRETS UDPLANTNINGSPLANTER RYDDES FRA POTTER OG KRUKKER for at give plads til sommerens udplantningsplanter. Det kan betale sig også at fjerne noget af den gamle jord, hvis den er fra sidste år. Lidt ny jord vil give planterne en frisk start. Det er bedst at bruge en fyldig, færdigblandet pottejord, der ikke tørrer så hurtigt ud. Jo større og tungere potten er, jo mindre vil den have tilbøjelighed til at vælte.<p>Og vi gentager lige<p>Dette er spalte 3...FORÅRETS UDPLANTNINGSPLANTER RYDDES FRA POTTER OG KRUKKER for at give plads til sommerens udplantningsplanter. Det kan betale sig også at fjerne noget af den gamle jord, hvis den er fra sidste år. Lidt ny jord vil give planterne en frisk start. Det er bedst at bruge en fyldig, færdigblandet pottejord, der ikke tørrer så hurtigt ud. Jo større og tungere potten er, jo mindre vil den have tilbøjelighed til at vælte.
</div>

</body>
</html>
Avatar billede ellert Nybegynder
28. december 2003 - 17:12 #1
brug padding: 2px; fx
Avatar billede ellert Nybegynder
28. december 2003 - 17:13 #2
margin bestemmer afstanden UDENFOR rammen, mens padding gør det INDENFOR ..
Avatar billede fangel Nybegynder
28. december 2003 - 17:31 #3
ellert -> kommer an på hvilken browser man bruger... IE ahr nemlig en forkert fortolkning af box-modellen... tjek

http://css.maxdesign.com.au/listamatic/about-boxmodel.htm

Morten
Avatar billede fangel Nybegynder
28. december 2003 - 17:31 #4
ellleeerrr - rettelse, IE kan have en forkert opfattelse...
Avatar billede ellert Nybegynder
28. december 2003 - 17:34 #5
dea -> Har hørt om dette, men tænkte, at ibtage havde bedst af sandheden :)
IE kan heller ikk finde ud af opacity i PNG billeder .. osv osv :)

Gudskelov er jeg gået over til MOZILLA FIREBIRD (*reklame*)

.. Er det ikke omkring 95% der bruger IE?
Avatar billede fangel Nybegynder
28. december 2003 - 17:42 #6
statistik for min private side lydder:

Microsoft Internet Explorer    3320    (97,22%)   
Netscape    76    (2,23%)   
Opera    15    (0,44%)   
Konqueror    3    (0,09%)   
Andre    1    (0,03%)

så 95% er ikke helt forkert...

men efter der er kommet større og større media-opdækning af de andre browsere - PCWorld, Ud & Se og mange andre blade har haft artikler omkring IEs manglende standarder og de andre bedre browsere...
at Moz (FB) har indbygget pop-up killer gør den jo kun så meget bedre og mere attraktiv...

www.mozilla.org - kan klart anbefales at alle henter en bedre og sikre browser - og nu de er ved det - mail program... det vil fjerne mange virus-trusler... (fx sidder jeg helt roligt på min Linux uden at frygte virus ;)

Morten
Avatar billede fangel Nybegynder
28. december 2003 - 17:43 #7
ellert -> og mener godt ID kan klare transparency - men ikke alpha transparency (kan klare 100% gennemsigtigt, men ikke fx 50% gennemsigtigt, som PNG billeder kan)
Avatar billede ellert Nybegynder
28. december 2003 - 17:47 #8
dea -> præcis .. Men jeg ku godt tænke mig, at IE kunne klare 50% transparency :) Jeg bruger også Thunderbird .. MEn stadig WinXP .. anyway, nu lægger jeg et svar, da jeg regner med, at dette er nok - og hvis jeg kender dea ret, så er han ligeglad m. point?
Avatar billede fangel Nybegynder
28. december 2003 - 17:49 #9
ellert -> ligeglad og ligeglad... har ikke brug for dem (har ~14000) - men det er så trist at listen over "besvarede spørgsmål" er så kort... ;)

men nu har jeg jo ikke bidraget til løsningen - kun talt ned på IE, så jeg undlader at svare... ;)

Morten
Avatar billede ellert Nybegynder
28. december 2003 - 17:53 #10
hehe, okay .. Jeg er har sølle 1800, men skal heller ikke prale, kun spørge en gang i mellem :P
Avatar billede ellert Nybegynder
28. december 2003 - 17:54 #11
1900 that is :D
Avatar billede athlon-pascal Juniormester
28. december 2003 - 17:56 #12
IE 5.5+ kan godt klare PNG-alpha-transparens, men kun via hack (dårlig løsning)...

Jeg bruger det f.eks. på mit website (javascript-løsning).
http://www.sstuhr.dk/scripts/sleight.js
Avatar billede ellert Nybegynder
28. december 2003 - 18:00 #13
http://www.alistapart.com/articles/pngopacity/ kortere, men ikke accepteret hos w3c.org
Avatar billede athlon-pascal Juniormester
28. december 2003 - 18:02 #14
ellert -> Min side valideres fint som både CSS og xHTML 1.1 :o)

Det er kun et IE-hack, i andre browsere er min side helt normal.
Avatar billede ellert Nybegynder
28. december 2003 - 18:10 #15
smart .. :)
Avatar billede Slettet bruger
28. december 2003 - 20:44 #16
Jeg kan ikke anvende padding i denne kode,(som dea pg skriver), vil i anbefale at bruge det som det er, eller hvad gør en novice ellers ?

Hvordan der det ud i disse ?

Mozilla & Firebird   
Internet Explorer 6
Netscape 7.1
Opera 7.11
Avatar billede roenving Novice
28. december 2003 - 22:49 #17
<style type="text/css">
html,body{width:100%;}
div{
    float:left;
    width: 32%;
    background-color : Silver;
    border : thin solid Maroon;
    font : smaller Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding:2px;
}
#spalte1 {
    margin-right : 3px;
}
#spalte2 {
    margin-right : 3px;
}
#spalte3 {
}
</style>
Avatar billede Slettet bruger
29. december 2003 - 22:46 #18
roenving> virker iflg mit spørgsmål.............
læg et svar !
Avatar billede roenving Novice
30. december 2003 - 03:59 #19
Velbekomme '-)

-- men det er selvfølgelig en begrænsning, at de ialt 18 pixels skal findes indenfor 4% af rammens bredde (dvs., når rammen bliver mindre end ca. 400 pixel er der problemer !-)
Avatar billede roenving Novice
30. december 2003 - 14:40 #20
-- og tak for points ;~}
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