Hjälp med att placera ut en grafisk bild i designen - DIV ev CSS problematik

Hej! Kul med frågor om webbdesign.

Kikade på koden till din sida och problemet är att div-taggen refererar till ytterpositionerna för fönstret, medan sidans innehåll ligger i en tabell som är centrerad. Det snyggaste sättet (kodmässigt) är att lägga allting i en wrapper-div-tagg som du kan centrera. Se denna tråd för info om hur man gör det.

Om du lägger div-taggen med bilden i samma wapper så kommer den referera positionen relativt till den direkt ovanstående diven, dvs. wrappern och allt innehåll kommer därför ha inbördes samma avstånd oavsett storlek på webbläsarfönstret.

Den snabbare lösningen, om du inte vill konvertera om din tabell till div-taggar (det finns dock en rätt ok funktion till detta i Dreamweaver så det skulle jag rekommendera, eftersom du har större kontroll över div tabeller) är att använda följande:

<style type="text/css">
<!--
#apDiv2 {
	position:absolute;
	left:50%;                       /* Centrera sidans vänsterkant till mitten av sidan */
        margin: 0 0 0 -385px;    /* 770/2 = 385, du kommer förskjuta vänsterkanten motsvarande halva sidans bredd så den hamnar rätt */
	top:261px;
	width:auto;
	height:auto;
	z-index:1;
	visibility: visible;
}
-->
</style>

Med reservation för att du kanske måste ändra positionen någon pixel hit eller dit ifall du har borders eller padding. Tror inte du behöver ha en fast storlek på diven heller, iom att du lägger in bilden dirket i taggen och inte som en bakgrund.

Hoppas att det hjälper lite. En bra resurs för webbdesign är annars http://www.w3schools.com/ Mycket utförlig dokumentation och try-yourself exempel

Ah, givetvis. Var lite för snabb där, men du lär ju såklart ta hänsyn till bildens storlek också: 770/2 + 100 = 485. Kul att det funkade.

jag har samma version. det finns en funktion via topmenyn som heter "convert tables to div" och även en för det motsatta. Alla celler i tabellen konverteras till AP divs med absolut position, sen lär du få reorganisera lite men det är en snabb väg att börja konvertera till att basera sidan på divs.

Sure, inga problem. webbdesign är kul och det är roligt att dela med sig. Lycka till med sidan.

Skickades från m.sweclockers.com