|
| CSS min/max-width? Fra : tatsudoshi |
Dato : 28-08-04 15:39 |
|
Hejsa..
Jeg sidder og prøver at få et html element til at være lidt mere
dynamisk. Jeg har fundet to CSS funktioner, min- og max-width,
men ligemeget hvor jeg sætter dem ind (table, tr, td) så fylder
elementet kun det som teksten gør.
Mit egentlige problem er at jeg vil gerne have at min side kun
kan fremvises i 800 (min) til 1024 (max) pixels. Hvis der er en
bedre måde, så sig endelig frem, ellers vil jeg blive meget glad
hvis I kan hjælpe mig med at få min/max-width til at virke.
Tak på forhånd :)
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Per Rasmussen (28-08-2004)
| Kommentar Fra : Per Rasmussen |
Dato : 28-08-04 15:55 |
|
tatsudoshi wrote in dk.edb.internet.webdesign.html:
> Hejsa..
>
> Jeg sidder og prøver at få et html element til at være lidt
mere
> dynamisk. Jeg har fundet to CSS funktioner, min- og max-width,
> men ligemeget hvor jeg sætter dem ind (table, tr, td) så fylder
> elementet kun det som teksten gør.
> Mit egentlige problem er at jeg vil gerne have at min side kun
> kan fremvises i 800 (min) til 1024 (max) pixels. Hvis der er en
> bedre måde, så sig endelig frem, ellers vil jeg blive meget
glad
> hvis I kan hjælpe mig med at få min/max-width til at virke.
> Tak på forhånd :)
>
Det er jo lige netop fordi du har min og max width på, så laves
feltet kun i den påkrævede størrelse.
PerR
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
tatsudoshi (28-08-2004)
| Kommentar Fra : tatsudoshi |
Dato : 28-08-04 16:10 |
|
Elementet er jo IKKE 800px langt. KUN det som teksten fylder.
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Erik Ginnerskov (28-08-2004)
| Kommentar Fra : Erik Ginnerskov |
Dato : 28-08-04 16:17 |
| | |
tatsudoshi (28-08-2004)
| Kommentar Fra : tatsudoshi |
Dato : 28-08-04 16:25 |
|
Jo da:
http://tatsudoshi.no-ip.com/index.asp
Dette er kun en tester, som jeg sidder med lige pt. for at
udelukke så meget som muligt.
Den sorte box ser sådan ud:
<table style="width: 100%"><tr><td class="pageSize">
<!-- BANNER -->
Banner
</td></tr></table>
Og pageSize:
pageSize {
min-width: 800px;
max-width: 1024px;
border: 2px solid black;
}
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Anders Thorsen Holm (28-08-2004)
| Kommentar Fra : Anders Thorsen Holm |
Dato : 28-08-04 21:17 |
|
tatsudoshi <tatsudoshi_NOSPAM@pc.dk> wrote:
Først og fremmest - vær rar at læse følgende side:
< http://html.dk/nyhedsgrupper/usenet.asp>
og dernæst:
< http://www.usenet.dk/netikette/citatteknik.html>
> <table style="width: 100%"><tr><td class="pageSize">
> <!-- BANNER -->
> Banner
> </td></tr></table>
Hvorfor bruger du en tabel, når du alligevel vil benytte CSS til det
layoutmæssige? En tabelcelle tilpasser sig indholdets størrelse,
hvilket kunne være forklaringen på det fænomen, du oplever.
Ovenstående kunne skrives sådan her:
<div class="banner">
Banner-halløj
</div>
og i CSSen:
/* Generel kode */
body {
margin: 0;
padding: 0;
}
..banner {
min-width: 794px;
max-width: 1020px;
border: 2px solid #000;
}
Husk endvidere på at:
total bredde = width + paddings + borders + margins
IE understøtter desværre ikke min-width og max-width-attributterne, så
her *kan* man tage et hack i brug:
< http://www.svendtofte.com/code/max_width_in_ie/>
Det kan dog give problemer - IE risikerer nogle gange at fryse.
--
Anders Thorsen Holm, BSc i datalogi-multimedier.
Jeg søger fuldtidsjob i eller nær Århus - gerne studierelevant,
men ingen betingelse. Læs mit CV: http://www.thorsenholm.dk/cv/
| |
Tommy Ipsen (28-08-2004)
| Kommentar Fra : Tommy Ipsen |
Dato : 28-08-04 16:35 |
|
tatsudoshi wrote:
> Jeg sidder og prøver at få et html element til at være lidt mere
> dynamisk. Jeg har fundet to CSS funktioner, min- og max-width,
> men ligemeget hvor jeg sætter dem ind (table, tr, td) så fylder
> elementet kun det som teksten gør.
> Mit egentlige problem er at jeg vil gerne have at min side kun
> kan fremvises i 800 (min) til 1024 (max) pixels. Hvis der er en
> bedre måde, så sig endelig frem, ellers vil jeg blive meget glad
> hvis I kan hjælpe mig med at få min/max-width til at virke.
> Tak på forhånd :)
Du skal selvfølgelig være opmærksom på, at min- og max-width ikke
fungerer lige godt i alle browsere - det burde dog fungere i eks.
Firefox, men jeg vil foreslå dig først at sætte det som egenskab for
selve tabellen og så undgå dine width:100%, der måske kan skabe lidt
konflikt.
Vær også opmærksom på, at der er forskellige elementer i browservinduet
der fylder således at en min-width på 800px vil bevirke at siden ikke
kan vises på en skærm der kører 800x600!
Mvh Tommy
| |
tatsudoshi (28-08-2004)
| Kommentar Fra : tatsudoshi |
Dato : 28-08-04 16:40 |
|
Hmm.. de 100% i table'en gør vel bare at den fylder hele skærmen, mens 'td'
så kun skulle blive de 800px lang.
Men som jeg skriver i indlægget, at hvis I kender en bedre måde, så sig
ednelig frem..
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Tommy Ipsen (28-08-2004)
| Kommentar Fra : Tommy Ipsen |
Dato : 28-08-04 17:19 |
|
tatsudoshi wrote:
> Hmm.. de 100% i table'en gør vel bare at den fylder hele skærmen, mens 'td'
> så kun skulle blive de 800px lang.
Hvad så, hvis tabellen fylder 100%, men der alligevel ikke er 800 pixels
til rådighed for cellen - hvad skal browseren så gøre? Tror du skal
passe på med at kombinere % og px til længdeangivelser for den samme
tabel på den måde.
Mvh Tommy
| |
tatsudoshi (28-08-2004)
| Kommentar Fra : tatsudoshi |
Dato : 28-08-04 17:27 |
|
Ah ja, det havde jeg ikke tænkt på. Takker! :)
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
|
|