/ 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
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 wrote:
> Elementet er jo IKKE 800px langt. KUN det som teksten fylder.

Kom med en url. Så er det lettere at se problemet.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



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

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408937
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste