WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Vad orskar den horisontella scrollen i IE7? (https://www.wn.se/forum/showthread.php?t=23691)

svedlund.net 2007-09-18 21:59

God kväll gott folk!

Sitter och pular med ett formulär som jag försöker strukturera upp med hjälp av CSS. Formuläret visas som önskat i Firefox (v.2), Opera (v.9) och snudd på i IE7. Med snudd på menar jag att själva formuläret ser ut precis som det ska men IE får för sig att visa en horisontell scroll, någon som kan upplysa mig om varför?

Formuläret hittar ni här: http://www.svedlund.net/efterbestaelning.htm

Tack på förhand


//Svedlund

crazzy 2007-09-18 22:38

kan va för att ie inte följer någon webbstandard på långa vägar och kör sitt eget race?

Jonas 2007-09-18 23:01

svedlund: Denna koden är ju främst en nödlösning.

Kod:

html {
        overflow-y: scroll;
}

För närmare felsökning så rekommenderar jag dig att sätta tex: "border: 1px solid #ff0000;" på alla element i din css och se vilken det är som sticker ut.

crazzy: Dom kommentarerna kan du hålla inne med. Marknaden ser stark ut för MSIE idag och därför är det oftast ett krav att sidan fungerar främst i MSIE, i andra hand kommer Fx. Har du inget vettigt som tillför trådarna så håll tyst. Är trött på ditt personliga krig emot MS.

svedlund.net 2007-09-19 11:40

Citat:

För närmare felsökning så rekommenderar jag dig att sätta tex: "border: 1px solid #ff0000;" på alla element i din css och se vilken det är som sticker ut.
Tack, visade sig vara en div som orsakade scrollen. Sätter jag width på diven så försvinner scrollen.

Det konstiga är dock att själva diven inte är större än fönstret, verkar ligga ett objekt på sidan.

mbomelin 2007-09-20 13:55

Sätt br efter dina span's eller byt ut de mot divar.

robert.liljedahl 2007-09-23 13:44

Lite kommentarer:
Istället för <div class="rubrik1">Målsman</div> så använd <h1></h1> / <h2/..6></h2/..6>

Istället för att lägga clear:left; på
-taggen så lägg den på din <label>.
label {clear:left; float:left;}

Istället för <input type="submit"> använd <button type="submit">Min knapp</button>. Blir
enklare att styla:
button {margin:10px;}

Sen det vanliga som jag nöter om; HTML401 strict istället för xhtml.

MVH,
Robert


Alla tider är GMT +2. Klockan är nu 23:11.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson