21 svar · 669 visningar · startad av lillebror
Hej!
Jag håller på att designa en webbplats. Nu kan jag inte bestämma mig om jag ska ha sidan (den är 730px bred) vänsterjusterad eller om jag ska ha den centrerad för att få harmoni i designen. Några synpunkter på vad som ser bra ut? :)
Kan man få kika lite på den?
Trenden på webben bland personliga sajter är att man centrerar. (några typexempel på wF: familjenandersson.nu och dryden.se)
Dock är det en smaksak. Mig kvittar det, bara strukturen på sajten är vettig och sajten erbjuder mig innehåll jag vill ha.
Nackdelen med mittjustering är att hela sidan måste förflyttas om man ändrar storleken på webbläsarfönstret. Dessutom måste man (ofta) klargöra var gränsen för sidan börjar och slutar (som annars ger sig naturligt med vänsterjustering eftersom sidan då redan ligger i webbläsarens fönsterkant).
Vänsterjustering är mer vanligt. Om det är maximal användbarhet du strävar efter så är valet enkelt. Annars ser jag inga hinder till mittjustering.
Visst ska du få kika på den! Lite enklare att komma med synpunkter då :) Jag brukar lägga in ett "ip-lås" när jag designar så att ingen ska komma åt sidan (www.flygfyren.nu) under tiden.
Jag håller på med grundstrukturen i sidan och brottas med att komma fram till en bra design som är både funktionell och estetisk tilltalande. Min starka sida är nog själv kodningen av funktionerna bakom det visuella och inte det rent grafiska (tyvärr). Därför känner jag att designandet bromsar upp mitt arbete en del eftersom det är huvudfunktionerna och hela syftet med sidan som jag vill jobba vidare med. Men eftersom jag inte tål att titta på något som jag själv inte är nöjd med så antar jag att det tar lite längre tid.
Jag har skapat ett testlogin som går att använda
Användarnamn: Test
Lösenord: 1234
/Fredrik
centrerad.
Jag sitter åtminstonde centrerad framför skärmen.
Jag tycker också att den ska vara centrerad. På lägre upplösningar spelar det inte så stor roll om din sajt är centrerad eller ej - däremot på högre upplösningar (vilka de flesta använder..)
Ok...jag tolkar det som att det finns röster för både centrerat och vänsterjusterat...
Det sista jag vill e ju att haka på någon sorts internetfluga haha :e
Rent praktiskt, definierar man centreringen för bodydelen i CSS då eller?
Jo, ;) (och <html> )
Exempel på hur det kan se ut? :)
Någon? :) (Koden i css-stycket alltså)
Du kan mellan <body> och </body> lägga in ett lager (<div>).
<div id="centre">
....
</div>
CSS-regeln som styr lagrets utseende kan se ut så här
#centre { margin: 0 auto; }
Ok. Tackar!
Helt klart centrerad säger jag :)
De avrundade hörnen förlorar sin snits om de mosas in i kanten (=
Du kan mellan <body> och </body> lägga in ett lager (<div> ).
<div id="centre">
....
</divCSS-regeln som styr lagrets utseende kan se ut så här
#centre { margin: 0 auto; }
När jag lagt in en DIV som omsluter allt innehåll i BODY-delen men innehållet blir inte centrerat ändå :OO Vad kan problemet vara?
....
<style type="text/css">
#centre {width:600px margin: 0 auto; }
</style>
</head>
<body>
<div id="centre">
sidans innehåll
</div>
</body>
nudå?
Jag får det fortfarande inte att fungera med den kod du skrev. Jag har lagt en <div></div> runt "hela sidan". Borden inte själven DIVEN hamna mitt på sidan med allt innehåll?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.main {position:relative; width:580px; height:565px; border: solid 5px #c0c0c0; margin-left:auto; margin-right: auto; background-color:#ffffff; overflow:hidden;}
</style>
</head>
<body>
<div class="main">
hela sidan här, rubbet, frånsett <body>, mao detta blir rotelement.
</div>
</body>
</html>
Jag får ju allt innehåll att bli placerat i <div>-taggen men sedan vet jag inte hur jag löser problemet med att få själva diven centrerad. Jag prövade med den kanske helt förlegade <center>-taggen och visst blev det centrerat men det blev ju även texten i i diven. Inte riktigt vad jag sökte :)
Här kan resultatet ses... www.flygfyren.nu
Har jag fattat det här rätt att när jag skapar en ny DIV så får den sitt egna koordinatsystem med punkten 0,0 i övre vänstra hörnet? Bara så jag vet hur och till vad jag relaterar allt annat material som jag anger olika koordinater för.
vad händer om du ger din sida en docktype?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[url]http://www.w3.org/TR/html4/loose.dtd[/url]">