10 svar · 343 visningar · startad av Bratten
Hej, det är så att jag just nu gör en hemsida åt en kompis, men jag har visa problem med css filen!
Så jag undrar om ni skulle kunna ta er en titt på den, och säga vad som gör så att sidan fukkar upp vid nyheterna, samt säga till om något kan göras smidigare i css filen osv.
ADRESSERNA ÄR BORTTAGNA, PROBLEMET LÖST!
All hjälp är välkommen!
En fråga bara - hur har du fått så runda och mjuka kanter på dina boxar? Photoshop? Och i så fall - hur? :)
Angående ditt problem så lägg alla stilar i header till att börja med.. om man kollar i din källkod så kommer helt plötsligt <style type="text/css"> etc. mitt i body:n. :)
Jag går off topic direkt med att säga att bakgrundsbilden är på tok för tung! bg.jpg väger nästan en halv megabyte, och det gjorde att sidan tog jättelång tid att ladda.
sidan tog tid att ladda, men var snygg!
angående css:en så antar jag att du har validerat den?
http://jigsaw.w3.org/css-validator/
"No error or warning found" Kom det upp när jag validerade css filen, och det kan juh bara vara bra :) Angående bilderna så är alla just nu i rent jpeg format, har inte anpassat dem osv, vissa skall ändras till gif och andra skall anpassas för webben m.m, så ni får stå ut med att sidan laddas segt just nu. Men ingen som har några tips/ider om varför sidan fukkar en hel del i både IE och FF?
Du sätter ingen clear efter dina floats. En metod utan att behöva lägga in en extra div:
#content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#content {display: inline-table;}
/* Hides from IE-mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE-mac */
ska jag sätta det där "på" varje div som har float eller endast på content diven?
Bara på #content.
humm. hittade en margin-top: 350px; som inte skulle vara där, så det löste alla problem i IE, men när jag tog bort det så "fakkade" det sig igen i FF, vad kan de vara då som inte stämmeR?
Ta bort koden jag gav dig förut ur din css.
Ta bort höjdvärdet på #content_left.
fan va underbart, nu är allt fixat, tackar Insider för all hjälp :D