Placering av div-tag.

Citera flera Citera

2012-06-08 16:21

Teknocide

Medlem ★

Registrerad: Sep 2007

●

Skrivet av Stofflock:

Hej
Här är mitt problem http://arguti.se/om_mig.html beroende på vilken webbläsare du använder så kommer text diven ligga på olika ställen. Det är bara i chrome och dreamweaver som den ligger rätt. Så min fråga till dig är: varför gör den det och hur fixar man det?
Här finns alla filer: http://www.sendspace.com/file/qalewj

tack på förhand

Texten är absolut positionerad medan ramen runt är centrerad. Du kommer få samma problem i Chrome om du minskar bredden på webbläsaren.
Lösningen är att inte använda absolut positionering på text-diven.

Visa signatur

Kom-pa-TI-bilitet

Citera flera Citera

2012-06-08 16:23

Stofflock

Medlem

Registrerad: Dec 2011

●

Skrivet av Teknocide:

Texten är absolut positionerad medan ramen runt är centrerad. Du kommer få samma problem i Chrome om du minskar bredden på webbläsaren.
Lösningen är att inte använda absolut positionering på text-diven.

okej, men varför funkar det på den andra undersidorna och inte på denna?

Citera flera Citera

2012-06-08 16:39

zillio

Medlem

Plats: Södertälje
Registrerad: Mar 2008

●

Skrivet av Stofflock:

okej, men varför funkar det på den andra undersidorna och inte på denna?

<p><h3>Yrkeserfarenhet</p></h3>

Börjar du med så ska du sluta med också. Först = sist, Näst först = näst sist

Har bara skummat igenom så det kanske finns fler fel

Visa signatur

Köp ny mus för 800:- JA, du kommer bli GRYM på cs och sätta huvudskott hela tiden. Du får heller ALDRIG ont i leder.
Eller är det bara så att e-pen*** förlängs om du har en dyrare mus?

Citera flera Citera

2012-06-08 16:56

Stofflock

Medlem

Registrerad: Dec 2011

●

Skrivet av zillio:

<p><h3>Yrkeserfarenhet</p></h3>

Börjar du med så ska du sluta med också. Först = sist, Näst först = näst sist

Har bara skummat igenom så det kanske finns fler fel

tack, du hitta inte det som påverkade placeringen av div taggen =)?

Citera flera Citera

2012-06-08 17:13

Biberu

Legendarisk ★

Hedersmedlem

Registrerad: Dec 2002

●

Skrivet av zillio:

<p><h3>Yrkeserfarenhet</p></h3>

Börjar du med så ska du sluta med också. Först = sist, Näst först = näst sist

Har bara skummat igenom så det kanske finns fler fel

Skrivet av Stofflock:

tack, du hitta inte det som påverkade placeringen av div taggen =)?

Just denna kombination är dock inte giltig alls eftersom att paragrafer och headers bara får innehålla inline-element.

Edit: Som Teknocide sade så är lösningen att inte använda absolut positionering av texten. Dela upp innehållet i spalter istället, se t.ex. den här sidan för ett enkelt exempel:
http://www.maxdesign.com.au/articles/css-layouts/two-fixed/

Skickades från m.sweclockers.com

Visa signatur

Abstractions all the way down.

Citera flera Citera

2012-06-08 17:30

Robhult

Medlem

Plats: Göteborg
Registrerad: Maj 2011

●

Skrivet av Stofflock:

tack, du hitta inte det som påverkade placeringen av div taggen =)?

Tror att den rutan sitter utanför din "container div".

testa att använda "granska komponent" i chrome så ser du lättare var divsen slutar.

Citera flera Citera

2012-06-08 17:39

Stofflock

Medlem

Registrerad: Dec 2011

●

Skrivet av Robhult:

Tror att den rutan sitter utanför din "container div".

testa att använda "granska komponent" i chrome så ser du lättare var divsen slutar.

Tack så hemskt mycket <3 Har suttit hela dagen o försökt fixa det.

Citera flera Citera

2012-06-08 17:40

Robhult

Medlem

Plats: Göteborg
Registrerad: Maj 2011

●

Skrivet av Stofflock:

Tack så hemskt mycket <3 Har suttit hela dagen o försökt fixa det.

Inga problem, bara glad att hjälpa till

Citera flera Citera

2012-06-19 18:47

zillio

Medlem

Plats: Södertälje
Registrerad: Mar 2008

●

Skrivet av Tunnelsork:

Just denna kombination är dock inte giltig alls eftersom att paragrafer och headers bara får innehålla inline-element.

Edit: Som Teknocide sade så är lösningen att inte använda absolut positionering av texten. Dela upp innehållet i spalter istället, se t.ex. den här sidan för ett enkelt exempel:
http://www.maxdesign.com.au/articles/css-layouts/two-fixed/

Skickades från m.sweclockers.com

Giltig eller inte. Vet inte nån webbläsare som krånglar med dom taggarna tillsammans. Och sen undrar jag varför man inte använder samma kod till alla sidor om dom ska se likadana ut. CSS tänkte jag på nu

Visa signatur

Köp ny mus för 800:- JA, du kommer bli GRYM på cs och sätta huvudskott hela tiden. Du får heller ALDRIG ont i leder.
Eller är det bara så att e-pen*** förlängs om du har en dyrare mus?

Citera flera Citera

2012-06-19 19:52

You

Medlem

Plats: Göteborg
Registrerad: Jan 2007

●

Skrivet av zillio:

Giltig eller inte. Vet inte nån webbläsare som krånglar med dom taggarna tillsammans. Och sen undrar jag varför man inte använder samma kod till alla sidor om dom ska se likadana ut. CSS tänkte jag på nu

Det är ju kodsoppa, så webbläsaren kommer försöka gissa vad du vill. Nästlar du ett h3-element i ett p-element kommer gissningen förmodligen vara <h3>...</h3>, och det kommer ju ge roliga effekter i form av ökade marginaler.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Citera flera Citera

2012-06-19 20:47

Biberu

Legendarisk ★

Hedersmedlem

Registrerad: Dec 2002

●

Skrivet av zillio:

Giltig eller inte. Vet inte nån webbläsare som krånglar med dom taggarna tillsammans. Och sen undrar jag varför man inte använder samma kod till alla sidor om dom ska se likadana ut. CSS tänkte jag på nu

Man bör skriva korrekt kod istället för att förlita sig på att alla klienter kompenserar för misstag, medvetna eller ej, på samma sätt och med önskat och samma resultat som vad du egentligen avsåg.

Skickades från m.sweclockers.com

Visa signatur

Abstractions all the way down.