HTML zoom ud og ind problem

Tags:    html css

Hej alle.

Jeg er i gang med et projekt i skolen og skal her lave en hjemmeside i html.

Vi har her fået et problem som jeg har googlet og spurgt vores lærer, men vi kan ikke få det løst.

Vores problem er at når man zoomer ud på siden skiller nogle elementer sig ad.

Her er et billede i normal zoom:
http://img529.imageshack.us/img529/4303/normal0.png

og her i hvor der er zoomet ud:
http://img140.imageshack.us/img140/3747/zoomud.png

Html filen er her, der er nok nogle fejl i, andet end dette problem, og hvis i let kan se dem, må i meget gerne fortælle dem, da jeg stadigvæk er ret ny på html området og kan bruge alt den hjælp i kan give :)
:
Fold kodeboks ind/udKode 




Indlæg senest redigeret d. 24.11.2010 09:33 af Bruger #16283
2 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Det er fordi når i zoomer ud bliver jeres pixels mindre, og når i har skrevet jeres css med width, height, margin og padding i pixels bliver boksen mindre og afstanden fra hinanden større. Du kan prøve og tage et kig på forskellen mellem fixed width css og liquid / fluid css.



Hmmm, har kigget lidt på det, men kan ikke lige se hvordan det skal klares, du har vel ikke et link eller en toturial til det?

Kan det klares ved at sætte margin, osv. til pct. i stedet for pixels, hvis vi altså kan få det layout til at passe.



t