CSS-strul i IE

Vad exakt menar du med "svarta sorgkanter", förstår inte :(

Ett tips är att köra med en doctype!

det är typ svarta streck som avskiljer bilderna på sidorna från textmasan i mitten...

hur funkar doctype?

Fan vad tufft! La till strikt doctype och padding/heightproblemet försvann (dock inte laddat upp den vesionen). Man tackar!

Dock kvarstår det svarta...

Haha, vad dum jag är. Kollade på den i firefox, inte så konstigt att jag inte såg något :)

Ta bort padding i bara IE då? padding-blabla:0xp !important;

Annars funkar väl detta

<!-->
<style type="text/css">
blabla{padding-blabla:0px;}
</style>
<!-->

Finns ett antal olika doctypes, beroende på vad det är du kodar.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xh tml1-strict.dtd">

Finns fler också. Det där var bara ett exempel. Mer kan du hitta på w3.org.

Japp, doctype kan lösa problem, även bra om du ska validera t.ex.

Du råkar inte ha nåt tips ang kanterna också? ;) Dom verkar inte bero på padding iaf, vet inte vad dom kommer av.

Vet faktiskt inte riktigt. Är inte så inne i det här med tabeller heller, jag kodar i divs.

Dock försvann spiralen nu :S

Oj, det var ju tabeller med..hm..Aja bilden ser jag iaf inte :S

alltså tabellen är ju bara en tabell i textmassan, den bör ju inte påverka de svarta kanterna. bilderna och det andra ligger ju i divvar som vanligt.

haha ja nu försvann bilderna från FF när jag använde doctype. härligt detta.

Ett tips är att endast ha en <html>-tagg :)

fixade spiralen, det var ett enkelt litet fel.

men men, kanterna kvarstår :'(

Hm, du har ju inte ens bilden någonstans i koden (inte cssen heller). Eller så är jag bara blind och trött!

har jag flera html-taggar?

Nej, det hade du visst inte, haha var en <head>.. Som sagt, är lite trött! Sorry :(

Hm, det där kan ju hända om man har "fel" mellanrum mellan taggarna (ett helt sjukt problem som jag inte begriper alls, lösningen brukar vara att inte ha radbrytning mellan taggarna, helt sjukt, men det fungerar ibland), men det brukar nästan bara hända när IMG-taggar är iblandade. Och kanske bara i höjdled, minns inte riktigt.

ett fulhack som borde funka för linjerna:


#sketch {
float: left;
width: 83px;
height: 808px;
background-image: url('sketch4.jpg');
margin-right: -3px;
}

#right {
float: right;
width: 4px;
height: 808px;
background-image: url('right.jpg');
margin-left: -3px;
}

Eksem:

Ok, ska mecka lite... fast nu har jag faktiskt inga IMG-taggar, kör bilderna som bakgrund i divvarna ist.

urr:

Hehe, äkta fulhack ja =) och visst funkar det, fast då blir ju marginalerna något för små i FF (om än knappt märkbart).

Men ska man verkligen behöva köra såna fulhack bara för att få det att se vettigt ut i IE? Man undrar vad de har för programmerare på Microsoft eg.

Det skummaste är att jag tycker att det är Firefox som är muppigt trots att det är IE som inte följer standarder. Jag tänker uppenbarligen som en Microsoft-utvecklare, för allt fungerar alltid perfekt i IE och så måste jag fulhacka för Firefox.

Lustigt, på tal om fulhack i FF så fick jag nu ett lustigt fel där:

www.davidlinder.se

I divven "container" ligger ju "sketch" med float left, "right" med float right och sist "text" utan float i mitten. "text" har padding 30px för att få lite marginal till textinnehållet. IE räknar denna padding från där de floatande divvarna till höger och vänster slutar, men FF verkar av någon anledning räkna den från "container"s kant, vilket resulterar i att marginalen till vänster försvinner bakom sketch-bilden.

Någon idé om hur fixa detta utan att det pajar i andra webbläsaren?

cssen är alltså här:

www.davidlinder.se/sketch.css

:'(