Flashhilfe.de - Flash Community

Absolut positionierte Divtags erstellen

 


AntwortenRegistrieren Seite1  

BettinaKaufmann#1
Benutzerbild von BettinaKaufmann
Beiträge: 15
Registriert: Mar 2010

15.05.2010, 14:23

Hallo, ich bastele gerade an meiner Website.

Ich möchte gerne über dem Trennstrich 2 AP Div-Tags platzieren. Die Grösse habe ich noch nicht festgelegt, das ist allerdings zum jetzigen Zeitpunkt nicht so wichtig.

Wichtig ist für mich dass diese 2 Div-Tags zu jeweils 50 % den Raum ausfüllen ( mit anderen Worten der 1 AP soll links sein und 50 % des Platzes abdecken und der 2 Div-Tag rechts mit ebenfalls 50 %.

Der untere Trennstrich bildet rechts und links die Grenze ( die Tags sollten den Bereich nicht nach aussen verlassen.

Wie bekomme ich es hin, dass diese beiden Tags zu je 50 % den Raum ausfüllen und gleich gross sind.

Freue mich über jede Hilfe.

vg
Bettina

Hier der Quellcode: ( ich hab' ihn nochmal auf http://rapidshare.com/files/387603021/start.html hochgeladen.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Steht noch nicht fest</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
</head>
<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="100%" valign="top">
<table width="985" height="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="985" height="36" valign="top"></td>
</tr>
<tr>
<td width="985" height="110" valign="top">
<table width="985" height="110" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="405" height="110" valign="top">&nbsp;</td>
<td width="580" height="110" valign="top">
<a href="index.html" class="menu">Home</a>
<a href="index-1.html" class="menu">About</a>
<a href="index-2.html" class="menu">Services</a>
<a href="index-3.html" class="menu">Partners</a>
<a href="index-4.html" class="menu">Contacts</a>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td width="985" height="405" valign="top"></td>
</tr>
<tr>
<td width="985" height="3" valign="top" class="bottom"></td>
</tr>
<tr>
<td width="985" height="100" valign="top">
<table width="985" height="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="325" height="100" valign="top">&nbsp;</td>
<td width="335" height="100" valign="top">&nbsp;</td>
<td width="325" height="100" valign="top">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="985" height="100" valign="top">
<table width="985" height="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="350" height="100" valign="top"><div class="blok"></div>
</td>
<td width="30" height="100" valign="top"></td>
<td width="605" height="100" valign="top"><div class="blok"><br><br><br>
<br><br>
<table width="550" height="20" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="275" height="20" valign="top"><br><br><br><br><br><br>&nbsp;</td>
<td width="275" height="20" valign="top">&nbsp;</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="40" valign="top" class="bottom">
<table width="985" height="40" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="485" height="40" valign="top"><div class="copyright">.</div></td>
<td width="500" height="40" valign="top"><div class="menu_bot">&nbsp; &nbsp;
</div></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Sebastian#2
Benutzerbild von SebastianFlashhilfe.de Moderator
Beiträge: 6981
Wohnort: München
Registriert: Jan 2002

15.05.2010, 16:30

Was heißt den AP?
Ich verstehe leider Deine Frage nicht. Zudem ist der Code so unleserlich das man es schwer hat dir zu helfen. Du solltest den Code vernünftig einrücken und evtl., wenn möglich, den relevanten Teil kenntlich machen.

Ist die style.css wichtig um Dein Problem abbilden zu können?
JavaScript & JavaFX Freelancer || Flashhilfe @ Twitter || XING Profil
BettinaKaufmann#3
Benutzerbild von BettinaKaufmann
Beiträge: 15
Registriert: Mar 2010

Themenautor/in

15.05.2010, 23:44

hallo,

danke für deine antwort........AP heisst Absolut positioniert..........nein, die CSS ist nicht so wichtig...hoffe, du kannst mir helfen

lg.
bettina
vindel#4
Benutzerbild von vindelFlashhilfe.de Moderator
Beiträge: 3000
Wohnort: Köln
Registriert: Oct 2007

16.05.2010, 12:20

Ich vermute mal, dass du das meinen könntest - aber wie geasagt, ganz versteh ich dein problem auch nicht..
PHP:
1
2
3
<div style="float: right; width: 50%;"> Rechte Box</div>
<div style="width: 50%;">linke Box</div>


Aber was du mit absolut und einem trennstrich meisnt? Wenn die Boxen absolut positioniert sind (position: absolute; top: 0px; left: 10px;) als CSS, dann sind sie von keinem anderen Element abhängig.
Vielleicht könntest du das noch mal genauer Defineiren, oder ein Bilchen malen..
public Weltformel(Problem){
      if (Problem gelöst) return Lösung;
      else Weltformel(kleiners Problem);
}

AntwortenRegistrieren Seite1  

Schnellantwort

Du musst registriert sein, um diese Funktion nutzen zu können.

 
Ähnliche Beiträge zum Thema
Partner Webseiten: art-and-law.de  Mediengestalter.info   phpwelt.de   Scubacube.de  
Haftungsausschluss   Datenschutzerklärung   Impressum
© 1999-2021 Sebastian Wichmann - Flashhilfe.de