[pilzecker]

Har snickrat ihop ett projekt som jag jobbat ett tag på nu tänkte höra vad ni rutinerade rävar har för bra tips och råd att komma med. Sidan finner ni för tillfället på

http://foretagssparren.se/print/

[Jonas]

Du har:
* Översta (menyn), från höger till vänster.
* Boxen med "texten" i.
* Den tomma boxen
* Footern

Tre st av dessa (menyn undantaget) följer inte någon lodrät linje.
Är det meningen, tycker det ser slarvigt ut.

[Cykelpedal]

Den ser hemsk ut i Firefox (3.5).

Sedan verkar det som att du använder fasta X&Y-mått, då bilden flyttar sig när man ändrar storlek på fönstret.

[marcuslind]

Du måste lära dig positionering med CSS. Just nu ser det ut som om du använt dig av position: absolute; och sedan positionerat allting så att det ser bra ut på DIN skärm. Men någon som ser bra ut 100px från vänster på din skärm ser inte likadant ut som 100px från vänster på min skärm som är dubbelt så stor.

Ett vanligt sätt att positionera CSS är att använda följande uppbyggnad:

<div id="wrapper>
<div id="content">
...
</div>
</div>

Sedan sätter du din bredd på din #wrapper till t ex 960px eller den bredd du nu vill ha på din hemsida samt sätter margin: 0 auto 0 auto; på den. Då positionerar den auto från vänster och auto från höger vilket ger resultatet av att den är centrerad på användarens skärm.

För att sedan positionera elementen inuti wrappern (så som menyer, headers, footers etc) så använder du dig av float, margin och padding attributen.


Lycka till!