CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

EvaMaria Nybegynder

23. maj 2011 - 17:47 Der er 8 kommentarer

Centerering af hjemmeside i alle browser samt skærmstørrelser

Vi sidder med et projekt og har et problem ang. centrering af vores website i alle browser samt skærmstørrelse (?) !! Vi er blevet oplyst om, at bruge denne linje i CSS'en:

margin-left:auto;
margin-rigth:auto;
width:1024px;

Denne kode skulle netop løse vores problem, men der opstår stadig komplikationer i enkelte skærmstørrelser. Vi har tjekket i de 3 browsere:
FireFox, Internet Explore & Chrome.

Vi har vedhæftet to stylesheets til hver side, men selve positioneringen af elementerne er kun placeret i det ene.

WHAT TO DO ?? We don't get it ..

Synes godt om

The_Buzz Novice

23. maj 2011 - 18:02 #1

Side? URL?

Synes godt om

EvaMaria Nybegynder

23. maj 2011 - 18:12 #2

http://chancatering.dk/

Vi er dog ikke færdige med siden endnu, da vi kæmper med centreringen - men ingen der har betydning for lige netop dette problem.

Synes godt om

The_Buzz Novice

23. maj 2011 - 18:22 #3

Er det dette problem i oplever?
IE8:
http://www.modified.dk/eksperten/ie8.jpg

og

Chrome:
http://www.modified.dk/eksperten/chrome.jpg

Det er samme i Firefox 4, Opera og Safari

Synes godt om

The_Buzz Novice

23. maj 2011 - 18:25 #4

http://chancatering.dk/style.css

linje 160
#banner
{
position: absolute;
top: 168px;
left: 222px;
}

Bør nok være RELATIVE.

Nok smartest at lade VÆRE med at bruge position: absolute nogen steder...

Synes godt om

EvaMaria Nybegynder

23. maj 2011 - 18:39 #5

TUSINDE tak ! Vi må dog indse vi ikke kan nå deadline for afl. og må derefter arbejde videre med det for at få det ønskede resultat. Vi var blot blevet vejledet i at bruge absolute. Men vi takke mange gange for det svar !

Synes godt om

The_Buzz Novice

23. maj 2011 - 18:51 #6

Problemet med ABSOLUTE er at den beregner sig fra pixel 0 0
hvor det er 0 top og 0 til højre fra venstre øverste side.

Men min skærm er 1920 px bred, hvor din er måske 1600px. Så vil du ikke kunne centrer på alle skærme med absolute.

Synes godt om

The_Buzz Novice

23. maj 2011 - 19:01 #7

Og det jeg skrev er så en sandhed med modifikationer...

<div style="position:relative; width:500px;">
<div style="position:absolute; top:50px;">
text
</div>
</div>

vil positionere text absolute 50px ned i forhold til den <div den er wrappet ind i.

Synes godt om

The_Buzz Novice

23. maj 2011 - 19:01 #8

Og her er et svar til at lukke :)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS