centrera på hemsida.

Det finns ett par sätt att göra det på, beroende på hur pass avancerad html-kodare du är kan du föredra olika sätt...

1) Använd en 100%*100% tabell som du sedan lägger innehållet i

2) Använd JavaScript för att positionera innehållet efter att sidan har laddats

3) Använd CSS för att positionera ut innehållet


Jag hade absolut valt 3an, men det kräver en del jobb :)

ordell

du skulle inte kunna saxa ut lite css-kod åt mig?
skulle vara dig evigt tacksam..

Bah! Fan att jag alltid ska öppna käften om det här...


CSS är ALLTID bättre än att använda tabell-baserad layout. Man ska använda tabeller för det de är till för; tabulerad data. Ingenting annat. Det är viktigt att skilja på design och innehåll . Du sätter dig väl knappast och skriver ett brev i Excel? Det vore ingenting annat än rent av korkat. Jag kan argumentera för det här i evigheter. Tabeller är direkt skadliga för all form av seriös webbutveckling.

Webbutveckling med standarder är en bra webbplats som beskriver, på ett relativt enkelt sätt VARFÖR man ska arbeta på det här sättet.

Den stora (enda?) nackdelen med att arbeta så här är att olika browsers implementerar CSS på olika sätt och man får därför vara EXTRA nogrann med att kontrollera att allt står rätt till i olika miljöer.
Men det fina med XHTML/CSS-baserad layout är att ingen funktionalitet försvinner med layouten :)






Och vad gäller koden så fungerar detta relativt bra, beroende på vad du har för målgrupp, är det bara PC användare så är det mer eller mindre så bra det kan bli..

Antag att vi har ett DIV-element som vi har gett id="centerContent". Följande CSS placerar diven i mitten av sidan. Bakgrunden är satt till röd för att förtydliga :)

#centerContent
{
position: absolute;
margin: auto;
top: 50%;
left: 50%;
width: 300px;
height: 300px;
margin-top: -150px; /* höjden / 2 */
margin-left: -150px; /* bredden / 2 */
background-color: red;
}
/* mozilla hanterar det lite annorlunda ... */
body>#centerContent
{
margin-top: -160px;
margin-left: -160px;
}




pust... varför gav jag mig in i det här? :)

Kom igen! Diskutera med mig! :)

ja, det är mesta dels PC-användare.
tack ska du ha ordell . ska testa detta imorrn..
orkar inte just nu.
och aldrig i livet att jag använder tabeller..
jobbigt och onödigt.

Visst - tabellerna fungerar... Men det fungerar väl att skriva ett brev i Excel också? Det behöver inte vara det enklaste sättet för det :)

Nej, lager tillhör HTML då det används för att MÄRKA upp informationen. CSS FORMATTERAR informationen. Grejen är just att man ska skilja på innehåll och presentation.

Den största poängen är att du kan bygg om HELA sajten genom att bygga om ditt stylesheet, förutsatt att du har skrivit bra HTML.

Saker som marginaler, avstånd, positionering osv kan enkelt styras från CSS. Ska du bygg om en tabell-sajt måste du ändra i varje fil om du vill ändra bredder eller marginaler.

Här ska du få ett par bra exempel på webbplatser som inte använder tabeller överhuvudtaget (bortsett från vad de är ämnade för – DATA).


www.csszengarden.com
www.bensaunders.com
http://www.alistapart.com



Jag kan förstå att du tycker den här typen av sid-layout är lite krånglig om du har jobbat med tabeller, men ge det lite tid... du kommer älska det :)

hm.. får inte till det.
grejen är den att jag använder mig av "layout tables".
alltså inte vanliga tabeller utan såna man kan använda sig av i dreamweaver. ni kanske vet vad jag menar?
vad jag försöker uppnå är att centrera hela det layout fönstret.
och när jag lägger in ordells kod blir det helt fuckat.
det kommer in ett lager mitt på skärmen och det ser helt konstigt ut.
så min fråga är:
hur fixar jag centrering (både horisontellt och vertikalt) på ett layout-fönster?

tacksam vid hjälp.

Jag vet inte vad ett layout fönster är, jag arbetar inte i DW alls, jag gillar att koda för hand :)

okej. jo det är skoj..
men i det här fallet orkar jag inte koda för hand.
ingen annan som kan hjälpa mig?

hälänä tycker att ordell är duktig (:


vibe , det går att dra i de där ramarna så man får dom exakt som man vill, sen är det bara att kolla i din index att alla frames e lika stora så får du mitten framen i mitten. Svårare än så är det inte..

Dhalism F20

men jag vill ju att fönstret ska centrera hela tiden, oavsett upplösning på skärm och storlek på explorer-fönstret.
det ska bli centrerat automatiskt hela tiden.
nån måste känna till ett java-script eller nåt?

Håller totalt med ordell här, man ska skilja på design och innehåll, det kanske blir enklare NU att göra på något annat sätt, men vad händer senare när du ska uppgradera?

T ex när man programmerar så ska man bygga så clean code som möjligt, för att senare kunna disabla och enabla funktioner, samma sak gäller med en site, tycker att allting ska byggas i form av moduler, som kan läggas till och tas bort enkelt.

buzz P23

tack, jag känner till sidan..
där finns dock massvis med scripts.
om du visste om ett hade det underlättat.

Brosk P23

håller med dig.
nu är det ju så att jag använder DW, det gör ju inte ordell.
jag försöker ändå hålla mig till så clean kod som möjligt.

men om det finns någon människa här inne som använder DW och vet vad jag snackar om så skulle väl den människan kunna försöka hjälpa mig. alternativt att någon har en direkt-länk till ett javascript eller kan saxa in det här själv.

Jag gjorde den här sidan i DW, bara för att visa att det inte är några problem :)

Spara ner den och öppna i DW så får du se.

Dessutom har jag kommenterar koden så att vem som helst bör förstå hur det fungerar ;)


whoa html-skola, centrera med css

ordell

använde du dig av layout-tables?
testa det om du vill annars.
ligger under layout i menyn.

Nah, jag skrev koden för hand.. men nu har jag testat, och jag är inte imponerad :)

Det där är förenklad HTML-kodning bara .. heh

haha, jo.
men det underlättar när man vill ha t.ex. flera bilder på olika positioner på en sida samtidigt.

men om jag nu vill använda mig av layout-tabeller.
hur gör jag då? nu har du ju testat dom ordell.
vad har du för tips till mig?