Autor |
Nachricht |
Surprise
Threadersteller
Dabei seit: 05.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 21.05.2010 06:15
Titel Dreamweaver CS3 DIV Tag zentrieren |
|
|
Hallo, grüble schon seit Stunden nach einer Lösung, leider ohne Erfolg. Vielleicht kann mir hier jemand weiterhelfen, wäre super klasse.
Ich habe eine Homepage in Dreamweaver erstellt. Diese Seite habe ich neu layoutet um sie zu zentrieren.
Ein Hintergrund, dann kommt eine Kopfzeile als Header (gif) dann eine Spry Menüleiste, darunter dann ein Rahmen 800 x 600. Soweit alles perfekt, die Kopf, die Menüleiste und der Rahmen sind zentriert.
Jetzt kommt das Problem: Natürlich möchte ich den Rahmen mit Leben befüllen. Aber einen Textrahmen kann ich nun in diesem Bereich nicht aufziehen, dann habe ich es mit Einfügen – Layoutobjekte – Div Tag versucht. Dieses hat auch funktioniert doch wenn ich die Seite im Web anschaue (oder Voransicht) bleibt der Text leider genau an dieser Stelle stehen, ich möchte aber, dass er sich wie der Rahmen ebenfalls mitbewegt.
Sorry für meine Ausdrucksweise, bin nicht gerade der Dreamweaver-Profi, hoffe aber das Problem einigermaßen verständlich geschildert zu haben.
Bin euch sehr dankbar für eine Lösung.
Viele Grüße Surprise
|
|
|
|
|
Cihan
Dabei seit: 10.06.2008
Ort: Hamburg
Alter: 38
Geschlecht:
|
Verfasst Fr 21.05.2010 07:21
Titel
|
|
|
Lern HTML und CSS.
|
|
|
|
|
Anzeige
|
|
|
Surprise
Threadersteller
Dabei seit: 05.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 21.05.2010 07:28
Titel
|
|
|
Hi, danke, aber dies hilft mir in diesem Fall ein bißchen weiter....
|
|
|
|
|
Surprise
Threadersteller
Dabei seit: 05.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 21.05.2010 08:04
Titel
|
|
|
Hallo Cihan, du als Experte in HTML und CSS bist kannst mir bestimmt weiterhelfen, wenn ich Dir den Code sende.
Wie gesagt soll das Wort Antwort und Ergebnis ebenfalls zentriert sein.
Vielen Dank im voraus
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Zeitung</title>
<style type="text/css">
<!--
body {
text-align:center;
background-color: #E6E6E6;
background-image: url(Hintergrund%20Guckloch.jpg);
}
#zentrieren{
color:#000000;
background:#33FF99;
text-align:center;
margin:auto;
width:800px;
}
-->
</style>
<meta name="Keywords" content="Mitteilungsblatt " />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Stil32 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: smaller; }
.Stil34 {font-size: small}
.Stil35 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: small; }
#apDiv1 {
position:absolute;
width:384px;
height:125px;
z-index:1;
left: 123px;
top: 358px;
overflow: auto;
visibility: visible;
}
#apDiv2 {
position:absolute;
width:329px;
height:208px;
z-index:2;
left: 594px;
top: 522px;
}
-->
</style>
</head>
<body>
<img src="Zeitung-Headline2.gif" alt="Head2" width="1000" height="216" hspace="0" vspace="0" />
<div align="center"></div>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<!--DWLayoutTable-->
<tr>
<td width="1000" height="29" valign="top"><ul id="MenuBar1" class="MenuBarHorizontal">
<li name="zentrieren"><a href="#" class="Stil32 Stil34"> Erscheinungstermin</a> </li>
<li name="zentrieren"><a href="#" class="Stil35">Anzeigenannahme</a></li>
<li><a href="#" class="Stil35">Verbreitungsgebiet</a> </li>
<li><a href="#" class="Stil35">Herausgeber</a></li>
<li><a href="#" class="Stil35">Kontakt</a></li>
<li><a href="#" class="Stil35">Impressum</a></li>
<li><a href="#" class="Stil35">Home</a></li>
</ul></td>
</tr>
<tr>
<td height="1"></td>
</tr>
</table>
<img src="HintergrundRahmen2.jpg" alt="Rahmen" width="1000" height="603" />
<div id="apDiv1">
<div align="left">Antwort<br />
sdfsdfsdf sdfsdf</div>
</div>
<div id="apDiv2">Ergebnis</div>
<p> </p>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
|
|
|
|
|
dcn
Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Fr 21.05.2010 08:05
Titel
|
|
|
Oha. Das is ein wenig wild und weit von ein paar Klicks entfernt.
Ich empfehl dir wirklich dich ein wenig mit HTML und CSS zu befassen.
Dein Problem kannst du folgend lösen:
Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#wrapper {
position:absolute;
width:1000px;
left:50%;
margin:0 0 0 -500px;
border:1px solid #03C;
}
#header {
position:relative;
width:1000px;
height:100px;
border:1px solid #A3C;
}
#navi {
position:relative;
width:1000px;
height:50px;
border:1px solid #09C;
}
#content {
position:relative;
width:1000px;
border:1px solid #456;
}
.left {
position:relative;
width:450px;
float:left;
border:1px solid #456;
}
.right {
position:relative;
width:450px;
float:right;
border:1px solid #456;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="navi"></div>
<div id="content">
<div class="left">
bla<br />
bla<br />
bla<br />
bla<br />
bla<br />
bla<br />
bla<br />
</div>
<div class="right">
bla<br />
bla<br />
bla<br />
</div>
</div>
</div>
</body>
</html>
|
Zuletzt bearbeitet von dcn am Fr 21.05.2010 08:23, insgesamt 3-mal bearbeitet
|
|
|
|
|
Surprise
Threadersteller
Dabei seit: 05.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 21.05.2010 13:23
Titel
|
|
|
Hallo, vielen Dank für die hilfreiche Antwort.
Viele Grüße Surprise
|
|
|
|
|
|
|
|
Ähnliche Themen |
[dreamweaver] zentrieren
Flash in Dreamweaver zentrieren ...
vertikal zentrieren in dreamweaver cs3
[CSS] Div zentrieren
css div zentrieren
Text in DIV zentrieren per CSS
|
|