Webbdesign - Färgscheman, layout

Har nyligen blivit allt mer intresserad i webbdesign och därför börjat använda mig utav (X)HTML, CSS o Javascript, allt är frid och fröjd med koden och sånt flyter på helt smidigt men det är när jag väl kommer till design, layout och allt som har med användargränssnittet att göra. Så min fråga är finns det något man kan läsa om t.ex. guider eller hemsidor att ta inspiration från, det är i princip allt med användargränssnitt som är fel.

Kan även tillägga att jag är en van photoshop användare (dock endast bildretuschering), så alla guider om design och layout uppskattas verkligen.

Mvh Sandrerind.

Nu när jag har en liten tråd här kan jag låna den för att fråga om ställen man kan lära sig optimera sina sidor för IE då det är en helvetes webbläsare som aldrig vill samarbeta med det jag gör. Finns det några enkla guider på hur man gör det?

Tack!

Vet att inlägget är lite suddigt, det jag menar är att jag behöver lite grund att stå på när det gäller färger och layout, jag börjar nämligen intressera mig mer för webbdesign/programmering istället för annan programmering. Och behöver lite sidor att få inspiration ifrån och t.ex. guider om hur man slicar(om man gör det fortfarande(?))

Och det jag menade med mitt andra inlägg om internet explorer så har jag läst på om "conditional comments" och skrev in en <!--[if IE]><link rel="stylesheet" type="text/css" href="styleIE.css"> <![endif]-->. Funkar fin fint att göra två olika CSS dokument, jag antar att det är såhär man alltid kommer få göra hemsidor i och med att microsoft ska envisas med sin jäkla skit webbläsare.....

Har en till fråga och det är, när man använder en <!DOCTYPE, hur vet jag vilken som är den senaste standarden? Jag håller mig till XHTML men läste någonstans att webbläsarna har utvecklats för långsamt för att hålla samma takt i utvecklingen som språket, stämmer detta alltså att XHTML inte kommer validera om man använder vissa taggar? Eller är det bara nåt trams?

Mvh Sandrerind

Du som har kollen! Jag har en liten fråga angående hur jag gör en layout.. Jag har tre <div>ar, jag vill att en av divarna ska ligga i den ena #header ska alltså ligga i #content. Sedan vill jag att #slideshow ska ligge under #header på #content, om jag placerar #slideshow utanför #content taggen så trycks ju hela #content diven ner med #header i den, så kort är frågan hur får jag element att flyta på varandra alltså utan att påverka varandra? Har testat position:absolute; men läste även att det kan vara lite dumt att använda(kommer dock inte ihåg av vad för anledning)

Sen så trodde jag även att FF och Chrome skulle reagera likadant på koder, har t.ex. skrivit att höjden på ett element ska vara 800px högt och 55% bred men i firefox ser det betydligt större ut än i Chrome... Måste jag även här göra separata CSS dokument eller instruera med en if-sats i början, eller är det bara jag som användare något fel t.ex. % istället för px?

Postar en annan kod som kan vara lite relevant, jag har fyra <div> taggar som allihopa ligger som class "child" samma css stil och margin och allt, om jag då lägger dessa <div> taggar i en parent div och ger den <div>en en css stil med margin-left:auto; och margin-right:auto; borde inte alla .child element centreras då? För det gör dom i alla fall inte :/

<div id="parent">
<div class="child">
</div>
<div class="child">
</div>
<div class="child">
</div>
<div class="child">
</div>
</div>

CSS:

body
{
margin:0px;
padding:0px;
}

#parent
{
margin-left:auto;
margin-right:auto;
height:125px;
width:100%;
}

.child
{
height:125px;
width:250px;
background-color:red;
margin:10px;
}

Blir helt galen på allt som har med float, padding och margin att göra... Samt positioning... antar att det är "övning ger färdighet" här och bara testa sig fram. Men som jag förstått borde ju alla element inuti #parent <div>en bli centrerade, eller?

Tack så mycket för svaret! Ska experimentera lite när jag kommer hem