hp ausrichten?

**Hausmaster** · 13.07.2004 15:27

hi!
ich habe eine homepage erstellt in 1152x864...
ich möchte aber meine hp optimieren für 1024x768 UND für 1152x864...
kann ich nun irgendwie die hp (hpgrafiken sind so angepasst, das sie auch auf 1024x768 dargestellt werden können) in die mitte ausrichten, so dass sie bei 1024x768 und bei 1152x864 in der mitte ist?

hoffe ihr fehrstehts mich!
danke an alle helfer/inen

**cookie2003** · 13.07.2004 15:33

Hallo Hausmaster,
verstehe ich das richtig, Du willst Deine Seite einfach nur zentrieren? Da gibt es doch verschiedene Möglichkeiten:
Du könntest z.B. <body><center>Dein Inhalt</center></body> Alles, was zwischen dem "Center" steht, ist dann zentriert. Kenne jetzt Deinen Seitenaufbau nicht (ob Du mit Tabellen etc. arbeitetest). Möglich wäre es auch, eine Tabelle mit width und height 100 % zu erstellen und Deinen Inhalt dort reinzupacken und mit dem Befehl <td align="center"><td> zu zentrieren.
Gruß Cookie

**Hausmaster** · 13.07.2004 15:44

danke!
also ich habe einfach ein jpg genommen, und drüber i-frames gelegt...
wenn ich nun das zentriere, rutscht das frame mit? also ist es dann auf der selben stelle?

**Hausmaster** · 13.07.2004 15:58

geht bei mir nicht

kannst du mal schauen ob das so stimmt?:

<HTML>
<HEAD>
<BASE TARGET="_top">
<STYLE TYPE="text/css">BODY {margin-left:0; margin-right:0; margin-top:0;}</STYLE>
</HEAD>

<BODY SCROLL="auto" BGCOLOR="#FF0000" TOPMARGIN=0 LEFTMARGIN=0><center>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<DIV ID="idElement1" style="position:absolute; top:13px; left:443px; width:650px; height:650px;"><IMG SRC="12.jpg" NAME="idElement1Img" ID="idElement1Img" WIDTH=650 HEIGHT=650 BORDER=0></DIV>

<DIV ID="idElement2" style="position:absolute; top:243px; left:478px; width:80px; height:22px;"><iframe src="http://56659.netguestbook.com/=796" width="356" height="361" frameborder="0" name="Shoutbox.biz">Shoutbox</iframe></DIV>

</center></body>
</HTML>

**Nightline** · 13.07.2004 17:06

1.) Das JavaScript gehört in den <head></head>-Bereich, nicht im <body>. Das aber nur so nebenbei.
2.) Das <center> ist veraltet und bringt dir in deinem Fall sowieso nix, weil --> siehe 3.)
3.) Wenn deine beiden DIV's absolut positioniert sind, wie sollen sie sich dann selbstständig zentrieren? Du brauchst z.B. ein übergeordnetes DIV, das relativ zur Seite positioniert ist und das eben immer zentriert wird. Darin kommen dann die anderen zwei DIV's und richten sich künftig immer mit aus.
Da ich aber annehme, dass du von dem, was ich grade geschrieben habe, keine Ahnung hast und die Layer im DW irgendwo händisch gezeichnet hast, empfehle ich dir, dass du doch mal langsam anfängst, CSS zu lernen. Und ich meine LERNEN, nicht jede Kleinigkeit fragen, die eh überall zehntausendmal erklärt ist.

Tipps zum Erlernen findest du zu Hauf in der Suche, sowohl Bücher als auch Online-Kurse.

**the-architect** · 13.07.2004 17:09

http://de.selfhtml.org/

**Hausmaster** · 13.07.2004 18:07

mmmmm...
das mit dem javascribt hat mein editor so gemacht...
gibts keine einfachere metode zum ausrichten?

**Hausmaster** · 13.07.2004 18:20

3.) Wenn deine beiden DIV's absolut positioniert sind, wie sollen sie sich dann selbstständig zentrieren? Du brauchst z.B. ein übergeordnetes DIV, das relativ zur Seite positioniert ist und das eben immer zentriert wird. Darin kommen dann die anderen zwei DIV's und richten sich künftig immer mit aus.

könntest du mal einen kuren beispiel code schreiben-wäre echt nett!
danke!

**Nightline** · 13.07.2004 18:32

Das ist genau der Thread, den du brauchst: http://www.traum-projekt.com/forum/s...ad.php?t=45430

**Hausmaster** · 13.07.2004 19:08

hi!
habe mir das ganze angeschaut und bin leider nicht weiter gekommen!
ich habe es so versucht:

<DIV ID="container" style="position:center">
<DIV ID="idElement1" style="position:absolute; top:28px; left:210px; width:650px; height:650px;"><IMG SRC="12.jpg" NAME="idElement1Img" ID="idElement1Img" WIDTH=650 HEIGHT=650 BORDER=0>

<DIV ID="idElement2" style="position:absolute; top:258px; left:245px; width:80px; height:22px;"><iframe src="http://56659.netguestbook.com/=796" width="275" height="247" frameborder="0" name="Shoutbox.biz">Shoutbox</iframe>

da wird zwar das bg bild ausgerichtet, aber das i frame nicht...
kannst du mir den "satz" "richten"?
bitte!
danke!

**Hausmaster** · 13.07.2004 19:26

ups... vergessen div zu schliessen

schau ganz dumm bin ich auch nciht

**Nightline** · 13.07.2004 19:38

Hier ist nun ein komplettes Beispiel einer HTML-Seite, Änderungen wirst du ja hoffentlich selbst schaffen:

HTML-Code:

<html>
<head>
<title>fsd</title>
</head>

<body style="text-align:center;">

<DIV style="position:relative; margin-right:auto; margin-left:auto; margin-top: 50px; width:500px; height:400px; background-color:blue; border: 1px solid black;">
<DIV style="position:absolute; top:0px; left:0px; width:350px; height:400px; margin:0; background-color:red;">Hier kommt das Bild rein</DIV>
<DIV style="position:absolute; top:0px; left:350px; width:150px; height:400px; margin:0;"><iframe src="http://56659.netguestbook.com/=796" width="150" height="400" frameborder="0" name="Shoutbox.biz">Shoutbox</iframe></DIV></DIV>

</body>
</html>

**Hausmaster** · 13.07.2004 19:57

danke!
habs vorhin vergessen dazuzusagen!
ich habs alleine geschaft!
aber 1000end dank!

**Hausmaster** · 13.07.2004 20:29

mah!
ich habs dochnicht,

muss mihc jetzt rumspielen, kannst du mir bitte sagen was margin-right:auto; margin-left:auto; margin-top heisst?

unter selfehtml habe ich leider nix zum nachlesen gefunden...

**Hausmaster** · 13.07.2004 22:46

so ein dreck!
ich habe mich den ganzen tag damit rumgetan und nix hats gebracht...!
ich hab alles versucht...
ich versuche es so hinzubekommen:
ich habe DIV's, diese will ich "zusammenpacken" und dieses packet dann zentrieren...
hier mal einer meiner versuche:
ist der ansatz schon richtig?
was ist falsch?

HTML-Code:

<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Cool Page version 2.72 Webmaster, Sep 15 2002 for Windows">
<BASE TARGET="_top">
<STYLE TYPE="text/css">BODY {margin-left:0; margin-right:0; margin-top:0;}</STYLE>
</HEAD>

<BODY SCROLL="auto" BGCOLOR="#808080" TOPMARGIN=0 LEFTMARGIN=0>

<SCRIPT LANGUAGE="JavaScript">
<!--
var agt=navigator.userAgent.toLowerCase();
var is_major=parseInt(navigator.appVersion);
var is_minor=parseFloat(navigator.appVersion);
var is_nav=((agt.indexOf('mozilla')!=-1)&&(agt.indexOf('spoofer')==-1)&&(agt.indexOf('compatible')==-1) && (agt.indexOf('opera')==-1)&&(agt.indexOf('webtv')==-1));
var is_ie=(agt.indexOf('msie')!=-1);
if(is_ie){var agt_ie=agt.substring(agt.indexOf('msie')+5); is_major=parseInt(agt_ie); is_minor=parseFloat(agt_ie);}
var is_dom2=(document.getElementById);
var is_http=(window.location.protocol.indexOf('http')==0);
// Browser detect
if( is_minor < 3.5 )
   alert( "This page will not function properly in your browser.\n\nYour browser is very old.  Please upgrade your browser to version 4 or later.\n\nOr request the webmaster (of this page) to change their browser compatibility setting in Cool Page to version 3 browsers." );
else
{
   if( is_nav && is_minor < 5.0 )
      window.location.replace( 'index_nn4.html' + window.location.search );
}

//-->
</SCRIPT>



<DIV ID="container" style="center">
	<DIV ID="idElement1" style="position:absolute; top:19px; left:448px; width:650px; height:650px;"><IMG SRC="12.jpg" NAME="idElement1Img" ID="idElement1Img" WIDTH=650 HEIGHT=650 BORDER=0></DIV>
	<DIV ID="idElement2" style="position:absolute; top:253px; left:479px; width:80px; height:22px;"><iframe src="http://56659.netguestbook.com/=796" width="275" height="247" frameborder="0" name="Shoutbox.biz">Shoutbox</iframe></DIV>
</DIV>


</BODY>
</HTML>

danke für eure bemühungen!

zur Startseite vom TP

Thema: hp ausrichten?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

hp ausrichten?

Ähnliche Themen

Text mittig ausrichten

Ausrichten von Texten in Corel

Buttons an Kreis ausrichten

text ausrichten

schrift im bogen ausrichten im ps 5.5

Aktive Benutzer

Aktive Benutzer