mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:50 Benutzername: Passwort: Auto-Login

Thema: Dreamweaver CS3 DIV Tag zentrieren vom 21.05.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Software - Nonprint -> Dreamweaver CS3 DIV Tag zentrieren
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

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Cihan

Dabei seit: 10.06.2008
Ort: Hamburg
Alter: 38
Geschlecht: Männlich
Verfasst Fr 21.05.2010 07:21
Titel

Antworten mit Zitat Zum Seitenanfang

Lern HTML und CSS.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Surprise
Threadersteller

Dabei seit: 05.07.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 21.05.2010 07:28
Titel

Antworten mit Zitat Zum Seitenanfang

Hi, danke, aber dies hilft mir in diesem Fall ein bißchen weiter....
  View user's profile Private Nachricht senden
Surprise
Threadersteller

Dabei seit: 05.07.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 21.05.2010 08:04
Titel

Antworten mit Zitat Zum Seitenanfang

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>&nbsp;</p>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
  View user's profile Private Nachricht senden
dcn

Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht: Männlich
Verfasst Fr 21.05.2010 08:05
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Surprise
Threadersteller

Dabei seit: 05.07.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 21.05.2010 13:23
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo, vielen Dank für die hilfreiche Antwort.

Viele Grüße Surprise
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Software - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.