zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div erster Versuch und gleich ein Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.10.2007, 01:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.10.2007
Beiträge: 3
Mokus befindet sich auf einem aufstrebenden Ast
Standard Div erster Versuch und gleich ein Problem

Hi,
möchte ein Browsergame und habe mir überlegt jetzt von Tables zu entkommen. Leider bekomme ich das aufteilen von einem Fenster nicht richtig hin, ich möchte das sich die Linke und Rechte seite mit der Höhe der Mitte mitegehen. Ich möchte nähmlich keine höhe festlegen.



Dies ist mein derzeitiger code, über die Class lasse ich nur den Background rein.

PHP-Code:
<?php
$title_width 
200;
$width 400;

echo 
"
<div  align=\"center\">

<div style=\"width:"
.($title_width+18)."px;height:22px;\">
<div style=\"float:left;\" class=\"window_1_title_left\"></div>
<div style=\"float:left;width:"
.$title_width."px;text-align:center;line-height: 1.4;\" class=\"window_1_title_middle\">Der Titel</div>
<div style=\"float:left;\" class=\"window_1_title_right\"></div>
<div style=\"width:"
.$width."px;height:1px;\"></div>
</div>



<div align='center'>

<div style=\"width:"
.($width+18)."px;height:9px;\">
<div style=\"float:left;\" class=\"window_1_top_left\"></div>
<div style=\"float:left;width:"
.$width."px;\" class=\"window_1_top_middle\"></div>
<div style=\"float:left;\" class=\"window_1_top_right\"></div>
</div>

<div style=\"width:"
.($width+18)."px;height:100%;\">
<div style=\"float:left;height:100%;\" class=\"window_1_middle_left\">&nbsp;</div>
<div style=\"float:left;height:100%;width:"
.$width."px;\" class=\"window_1_background\">Dies ist der Text</div>
<div style=\"float:left;height:100%;\" class=\"window_1_middle_right\">&nbsp;</div>
</div>

<div style=\"width:"
.($width+18)."px;height:9px;\">
<div style=\"float:left;\" class=\"window_1_bottom_left\"></div>
<div style=\"float:left;width:"
.$width."px;\" class=\"window_1_bottom_middle\"></div>
<div style=\"float:left;\" class=\"window_1_bottom_right\"></div>
</div>

</div>


</div>"
;
?>
Wie gesagt ist nur ein Test.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.10.2007, 07:52
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

PHP-Code bei einem HTML bzw. CSS Problem zu posten ist denkbar ungünstig. Poste das, was der Browser zu sehen bekommt, incl. Doctype.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.10.2007, 13:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.10.2007
Beiträge: 3
Mokus befindet sich auf einem aufstrebenden Ast
Standard

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>
<link rel='stylesheet' href='graphics/design/style.css'>
</head>

<body>


<div  align="center">

<div style="width:218px;height:22px;">
<div style="float:left;" class="window_1_title_left"></div>
<div style="float:left;width:200px;text-align:center;line-height: 1.4;" class="window_1_title_middle">Der Titel</div>

<div style="float:left;" class="window_1_title_right"></div>
<div style="width:400px;height:1px;"></div>
</div>



<div align='center'>

<div style="width:418px;height:9px;">
<div style="float:left;" class="window_1_top_left"></div>
<div style="float:left;width:400px;" class="window_1_top_middle"></div>
<div style="float:left;" class="window_1_top_right"></div>
</div>

<div style="width:418px;height:100%;">
<div style="float:left;height:100%;" class="window_1_middle_left">&nbsp;</div>
<div style="float:left;height:100%;width:400px;" class="window_1_background">Dies ist der Text<br>ddd</div>

<div style="float:left;height:100%;" class="window_1_middle_right">&nbsp;</div>
</div>

<div style="width:418px;height:9px;">
<div style="float:left;" class="window_1_bottom_left"></div>
<div style="float:left;width:400px;" class="window_1_bottom_middle"></div>
<div style="float:left;" class="window_1_bottom_right"></div>
</div>

</div>


</div>


</body>
</html>
Mit Zitat antworten
  #4 (permalink)  
Alt 25.10.2007, 16:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.10.2007
Beiträge: 3
Mokus befindet sich auf einem aufstrebenden Ast
Standard

So das hier wäre der Code mit Tables.
Kann mir wer diesen in Div umschreiben, ich selber bekomme es nähmlich nicht hin. Bitte beachten das die Höhe von
Code:
<tr>
<td class="window_1_middle_left"></td>
<td class="window_1_background">mitte-mitte</td>
<td class="window_1_middle_right"></td>
</tr>
sich dem text anpassen soll.

Code:
<table cellpadding="0" cellspacing="0" border="0">

<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="window_1_title_left"></td>
<td width="150" class="window_1_title_middle" align="center">Der Titel</td>
<td class="window_1_title_right"></td>
</tr>
</table>
</td>
</tr>

<tr>
<td><table width="400" cellpadding="0" cellspacing="0" border="0">

<tr>
<td class="window_1_top_left"></td>
<td class="window_1_top_middle"></td>
<td class="window_1_top_right"></td>
</tr>

<tr>
<td class="window_1_middle_left"></td>
<td class="window_1_background">mitte-mitte</td>
<td class="window_1_middle_right"></td>
</tr>

<tr>
<td class="window_1_bottom_left"></td>
<td class="window_1_bottom_middle"></td>
<td class="window_1_bottom_right"></td>
</tr>

</table></td>
</tr>

</table>
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
float Problem? Div "wächst" nicht mit inhalt mit. Garlandt CSS 2 11.04.2011 16:02
DIV Problem darnia CSS 1 01.04.2011 12:54
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18
Problem beim Div positionieren michbeck CSS 5 24.11.2006 16:49
Problem div in div @ Bottom - unterschiedlicher Abstand rokk CSS 5 12.11.2005 00:08


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:37 Uhr.