Kalle MMedlem sedan mars 20041 938 inlägg Hej!
Jag är helt grön vad gäller divar. Har gjort ett exempel i en bok bara för att lära mig. Tog upp detta i en annan tråd men jag tänkte jag startar en ny tråd då frågan är en annan.
Fråga1:
Om jag lagt in mina divar i ett dokument och sedan ska lägga in bilder och texter i dessa. Bör mina bilder ha exakt samma storlek som sin div?
Fråga 2:
När jag skriver text så förändras ju höjden exempelvis i "content". Ska det vara så eller ska jag lägga in exakt höjd på content i min css?
Se bifogad bild som ett exempel.
Koden i min cssmall ser ut följande:
Fråga 3
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
text-align: center;
}
#wrapper {
text-align: left;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#header {
margin-top: 12px;
margin-bottom: 12px;
}
#logo {
height: 71px;
padding-bottom: 12px;
}
#content {
margin-top: 0px;
padding-top: 0px;
}
#leftcolumn {
float: left;
width: 365px;
}
#rightcolumn {
float: right;
width: 365px;
}
#footer {
margin-top: 12px;
margin-bottom: 12px;
clear: both;
}
Koden i <head> ser ut följande:
<body>
<div id="wrapper">
<div id="header">
<div id="logo"><img name="" src="" width="760" height="71" alt=""></div>
Content for id "header" Goes Here</div>
<div id="content">Content for id "content" Goes Here
<div id="leftcolumn">Content for id "leftcolumn" Goes Here</div>
<div id="rightcolumn">Content for id "rightcolumn" Goes Here</div>
</div>
<div id="footer">Content for id "footer" Goes Here</div>
</div>
</body>
Danne VMedlem sedan aug. 20067 685 inlägg
Kalle M skrev:
Fråga1:
Om jag lagt in mina divar i ett dokument och sedan ska lägga in bilder och texter i dessa. Bör mina bilder ha exakt samma storlek som sin div?
Gärna, om du inte ska ha annat än bilden i divven. Men då behöver du egentligen inte divven alls, utan kan formatera själva bilden med margin och annat.
Divvar som är mindre än sitt innehåll expanderar (om man inte har jiddrat med t.ex. "overflow") för att passa innehållet. Men divvar som är större än innehållet krymper inte.
Kalle M skrev:
Fråga 2:
När jag skriver text så förändras ju höjden exempelvis i "content". Ska det vara så eller ska jag lägga in exakt höjd på content i min css?
Nej, höjd är sällan nödvändigt på divvar med text utom i väldigt speciella fall.
Kalle M skrev:
Fråga 3
Var tog den frågan vägen?
1. Det är väl offtast att rekomendera ;)
2. Du kan använda dig av min-height (FF) och height: med en IE6.css fil om du vill ha en minimum höjd. Annars låt den vara i mina ögon.
Kalle MMedlem sedan mars 20041 938 inlägg Hej!
Så jag skriver text och så låter jag höjden förändras?
Fråga3
Kallas det divar när jag skapar #wrapper, #logo i min externa cssmall?
Eller kallas det divar när jag först lagt in dom i på min sida?
Fråga 4 (Som nog försvann)
Tänker jag rätt när jag lär mig om ni ser på koden?
Fråga5:
Så det är det här jag ska lägga krut på istället för jobba med gamla tabelllayouter? :) . Så jag vänjer mig att alltid jobba med tabeller i sitt rätta syfte :) (Tabelldata)
3. divar är alltid divar. Bara för att du har satt ett id till logo så gör den inte diven till en logo. Den kan lika väl har haft ett id "hallon". Det är du som Designer / CSS kodare som bestämmer id och med hjälp av css bestämma hur diven med IDt renderas ut.
4. Så länge din egna struktur håller med det du kodar upp så är det rätt.
5. strukturen du har (med namn som wrapper, logo osv.) är inga regler. Bygg en struktur som passar till sidan du kodar. Och om du behöver använda tabeller så se till att använda tabeller där det skall användas till (som du nämner).
Kalle MMedlem sedan mars 20041 938 inlägg Fråga 3:
Jo men vad den heter vet jag att det inte spelar någon roll.
Tänkte att dom först kallas för divar när dom infogas på sidan.
cayaMedlem sedan aug. 2005514 inlägg en div ser ut såhär
<div>
</div>
den kan anropas antingen såhär
<div id="banan">
banantext
</div>
<div class="content">
men det är lättare att hålla koll på vad som är vad om du kallar det vid sitt rätta namn.
denna innehåller alltså någon form av innehåll :P
</div>
<div>
om du bara ska ha en enda div behöver du egentligen inte ge den något id eller ens klass, det går att stila den ändå.
</div>
#banan {
color:yellow
}
.content {
color:#000
}
div {
margin:0 auto;
width:500px
}
en div är en del av sidan (division), och ska inte jämföras med en tabellcell eller ens tabell. en div är ett blockelement som kan innesluta andra blockelement som andra div, men också inlineelement som a
så länge du tänker "less is more" så kommer du kunna utveckla sidor helt utan begränsning. för den största begränsningen är sällan för lite html-element, utan snarare att det finns för många på en enda sida.
