Ap Div springt

CapsLady · 11.10.2010

Hallo bin ganz neu hier und habe ein Problem ich möchte eine Website erstellen im dreamweaver und mit Ap Div rolloverbuttons einfügen soweit funktioniert alles aber wenn ich den browser öffne springt der Button von rechts nach links wenn ich das fenster vergrößer. Wie kann ich diesen Ap Div fixieren. Google schon seit zwei Tagen hab schon gelesen das man einen CSS Text einfügen muss, hab ich schon probiert, klappt aber nicht.

hier mal mein HTML Code

<html>
<head>
<title>website3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.wrapper {
height:300px;
width:900px;
margin: 0px auto;
margin-top:50px;
position: relative
}
#apDiv1 {
position:absolute;
top:-20px;
width:260px;
left:200px;
height:300px;
margin:0px auto;
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 57px;
top: 270px;
visibility: inherit;
}
#apDiv2 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 45px;
top: 273px;
color: #903;
font-size: 36px;
}
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
</script>
</head>
<body bgcolor="#000000" leftmargin="auto" topmargin="auto" marginwidth="auto" marginheight="auto">
<div> 
<table align="center" id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://www.psd-tutorials.de/modules/Forum/images/website3_01.gif" width="1024" height="8" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://www.psd-tutorials.de/modules/Forum/images/website3_02.gif" width="183" height="760" alt=""></td>
<td>
<img src="http://www.psd-tutorials.de/modules/Forum/images/website3_03.jpg" width="631" height="253" alt=""></td>
<td rowspan="2">
<img src="http://www.psd-tutorials.de/modules/Forum/images/website3_04.gif" width="210" height="760" alt=""></td>
</tr>
<tr>
<td width="631" height="507"><iframe frameborder="0" name="home" width="626" height="502" src="home.htm"></iframe></td>
</tr>
</table>
<div align="center" id="apDiv2">test</div>


</div>
</body>
</html>

Wo muss das hin ? Bin totaler Anfänger also nicht lachen :lol::lol:

fexx · 11.10.2010

AW: Ap Div springt

bin ich ziemlich verwirrt ... was genau willst du?

du definierst deinen "#apDiv1" zwei mal in deinen Styles aber im Html selber ist er gar nicht vorhanden.

Du verwendest auserdem tabellen ... tabellen sind nicht fürs layouten da!! ;-) benutz lieber das box model. du solltest dich erstmal mit html + css auseinander setzen

hier mal ein paar hilfreiche links:
HTML lernen und die eigene Homepage erstellen - HTML Kurs / Seminar
Startseite - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller)
SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)
CSS 4 You - The Finest in Stylesheets

hubspe · 11.10.2010

AW: Ap Div springt

fexx schrieb:
hier mal ein paar hilfreiche links:
HTML lernen und die eigene Homepage erstellen - HTML Kurs / Seminar

bitte, bitte nicht diese Site empfehlen.
Soviel Unfug kann man einem Anfaenger doch nicht zumuten.

Little Boxes ist doch ein guter Tip gewesen.

CapsLady · 12.10.2010

AW: Ap Div springt

Ich hab das layout im Photoshop erstellt der hat die Tabelle selbst gemacht. Weil ich mit dem slicer tool gewisse bilder und stellen ausgeschnitten habe da ich einen iframe einfügen will, was auch super klappt und das logo verlinken will, dass man auf die Startseite kommt. Ich weiß auch was das Problem ist aber ich weiß nicht wie ich es ändern kann.

Ich hab mein layout im center und der ap div hat die Anweisung im Browser immer den gleichen Abstand zum Fensterrand zu halten.

Ich poste mal die html dann könnt ihr euch das anschauen hmmm.... geht leider nicht wie kann ich die posten????

yezinia · 12.10.2010

AW: Ap Div springt

Ok hab ein bisschen gebraucht, um dein Problem zu verstehen.

Füg mal bei #apDiv2 unter

font-size: 36px;

folgende Zeile ein:

border: 1px solid #FFFFFF;

Nun guck dir die Seite noch einmal an, dann wirst du feststellen, dass der Div genau das macht, was er machen soll, das einzige was sich verschiebt ist die Tabelle, denn diese ist ja zentriert angeordnet.
Gib deiner Tabelle einen fixen abstand zum linken rand, und das Problem ist gelöst - nicht gerade hübsch gelöst, einverstanden, aber gelöst.

Dieses Slice-Tool von Adobe ist eine ganz hässliche Angelegenheit. Wenn du etwas vernünftiges erstellen möchtest, dann rate ich dir, ein wenig Zeit zu investieren und HTML sowie CSS zu erlernen.