<b>REGISTER</b>

GFX-Sector - HTML, CSS


 
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Frage zum verschieben eines Design (HTML) » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS
Post New Thread Post Reply

Frage zum verschieben eines Design (HTML)

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

Vlady9999
Fingerwischer


Vlady9999 hat kein Avatar

Registration Date: 19.01.2008
Posts: 34

Spacer
Frage zum verschieben eines Design (HTML)

Frage zum verschieben eines Design (HTML)

      

Also,

Ich habe ein Design für meine Homepage und ich habe es einfach auf:
"<center> - </center>"

Gesetzt jetzt ist es in der Mitte aber ich möchte das Design um eine gewisse größe z.B: 100 Pixel nach "Rechts" verschieben was muss ich eingeben in HTML damit ich es um eine bestimmte Größe verschieben kann nach Rechts?
Frage zum verschieben eines Design (HTML) 26.01.2008 10:43 Vlady9999 is offline Search for Posts by Vlady9999

Isamu Isamu is a male
Isamu's Illusions


Avatar von Isamu

Registration Date: 17.06.2007
Posts: 636
Location: Hamburg
Program: Photoshop CS 3

Spacer
      

<body marginleft="100px">

glaube ich war es




Nichts begegnet einem, was er von Natur nicht zu ertragen vermag.
Marcus Aurelius
Frage zum verschieben eines Design (HTML) 26.01.2008 11:03 Isamu is offline Homepage of Isamu Search for Posts by Isamu

Babbsdrebbler
Weichzeichner


Babbsdrebbler hat kein Avatar

Registration Date: 14.03.2007
Posts: 51

Spacer

RE: Frage zum verschieben eines Design (HTML)

      

margin:auto; statt <center>
und dann position:relative; left: 100px;

Dass is die CSS Lösung.

This post has been edited 1 time(s), it was last edited by Babbsdrebbler: 26.01.2008 11:03.

Frage zum verschieben eines Design (HTML) 26.01.2008 11:03 Babbsdrebbler is offline Search for Posts by Babbsdrebbler

x3ro
Ohnefiltergrafiker


Avatar von x3ro

Registration Date: 24.12.2007
Posts: 250
Location: Hamburg

Spacer
      

"The center element was deprecated in HTML 4.01." (Quelle), also lieber nichtmehr benutzen...

Du solltest die von Babbsdrebbler beschriebene CSS-Lösung verwenden, allerdings funktioniert diese afaik nicht im IE6. Dafür musst du noch folgendes tun:

Du erstellst einen sog. Wrapper um deinen Code, also um alles was in die Mitte gerückt werden soll, eg. <div id="wrapper"> (code) </div>

Das CSS muss dann folgendermaßen aussehen:

body {
text-align: center;
}

div#wrapper {
margin: auto;
text-align: left;
position: relative;
left: 100px; /* 100 Pixel nach rechts verschieben */
}



Frage zum verschieben eines Design (HTML) 26.01.2008 15:43 x3ro is offline Search for Posts by x3ro

sjBlack sjBlack is a male
Zauberstabbenutzer


Avatar von sjBlack

Registration Date: 29.02.2008
Posts: 18
Program: GIMP

Spacer

Frage zum verschieben eines Design (HTML)

      

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
body
{
	/* rahmen zur demo der funktionsweise */
	border: 5px solid #FF0000;

	padding: 0 100px 0 0;
}

div
{
	/* rahmen zur demo der funktionsweise */
	border: 5px solid #00FF00;

	margin: 0 auto;
	text-align: center;
}
</style>
<title>bLa</title>
</head>
<body>

<div>
	Inhalt
</div>

</body>
</html>



Kostenlose MP3s und Wave-Loops zum selber Mixen

This post has been edited 3 time(s), it was last edited by sjBlack: 01.03.2008 00:31.

Frage zum verschieben eines Design (HTML) 01.03.2008 00:07 sjBlack is offline Homepage of sjBlack Search for Posts by sjBlack
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 01.03.2008 00:07  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Frage zum verschieben eines Design (HTML)

Similar topics to Frage zum verschieben eines Design (HTML)
Thread
[LANGEWEILE] noch n Design hinterher ;) (Forum: Designs)
Gray-Orange Design (Forum: Designs)
Suche Design und (Fertiger) Code (Forum: Angebote und sonstige Anfragen)
[Verkaufe] 3 Clandesigns für je 40,-€ (Forum: Archiv)
SakuraLoveEyeDesign (Forum: Wallpaper)