WN - Något skumt pågång :/

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Något skumt pågång :/ (https://www.wn.se/forum/showthread.php?t=10296)

Arood

2005-10-13 07:41

Jag har gjort en ny version av min hemsida och har nu försökt fixa en liten bugg jag hade i IE. Jag löste det på det mest logiska sätt (att ha en "extra" container, jag använder en extra för att få exakt samma bredd i alla webbläsare) men det fungerar iaf inte.

http://www.aroodonline.net

Det är alltså på själva innehållet som ni IE-användare ser som linjerna försvinner, varför? (eller är det bara för mig som det blir så?)

digiArt

2005-10-13 07:58

Har inte tittat på källa eller css, men min första reflektion är att det är en container-div av ngt slag som blir bredare i IE än i FF. Ibland jäklas pixlarna mellan dessa läsare.

Jan Eriksson

2005-10-13 09:42

Utan att bryta ner koden kan jag bara dela med mig av en erfarenhet.

Byggde en sida med div:ar som såg totalt olika ut i IE och FF. (Det såg bra ut i IE men inte FF - Jag tittade i IE när jag skapade). Det visade sig att IE och FF tolkar padding olika. Efter en del lekande fick jag till det. Så mitt tips är att kolla detta.

Lindahl

2005-10-13 10:04

Ändra doctype till
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
så tror jag det går bättre.

Arood

2005-10-13 14:45

Boxmodellen som Jan Eriksson pratar om känner jag redan till, det är därför jag gjorde en "extra" container

Lindahl: Jag håller mig helst till XHTML 1.1 :P

Lindahl

2005-10-14 00:27

Ok, då blir det enkla svaret: Det går inte. Eftersom IE inte stöder xhtml 1.1 (eller det gör den väl så länge man inte anger att det är 1.1)

För övrigt: The W3C recommends that XHTML 1.1 content be served with the application/xhtml+xml MIME type, which Internet Explorer 6 does not support.

Eftersom du ändå inte anger mimetype till application/xhtml+xml, så då tycker jag du lika gärna kan nöja dig med 1.0.

Arood

2005-10-14 21:55

Men mimetype är bara en rekommendation, precis som allt annat av W3C, så jag klarar mig utan det.

Och med det enkla svaret (jag trodde faktiskt att det inte skulle gå :P) så kan jag kalla denna tråd löst :P

Lindahl

2005-10-14 23:23

Vad är det för fel på xhtml1.0 då? Jag kan inte själv vad det är som skiljer dem åt.

Arood

2005-10-15 11:14

1.1 är nyare :P

magga

2005-10-16 08:29

Om du släpper kontrollen när det gäller bredden på din div container, tar bort container2 och förslagsvis skriver :

#container {
background: #FFFFFF;
margin: 0 auto 0 5%;
width: 90%;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

så har du samtidigt gjort en container som fungerar för alla användare.
Det blir lite långt mellan boxarna på de allra största bildskärmarna, men å andra sidan har du gjort sidan användarvänlig för funktionshindrade som sitter vid liten skärm. Då kommer boxarna lägga sig under varandra.
Samma sak för mobiler som kan läsa xhtml, då ska du bara ange en ny max-bredd för högerboxen så den får plats utan att man ska behöva scrolla sidledes i en ny css för handheld och samma sak för bilderna.
Din design på sidan lider ju inte av det.
Och linjerna kommer alltid att synas...

Magga

Alla tider är GMT +2. Klockan är nu 17:54.