Hallo,
nachdem ich keine CSS Mailinglist gefunden habe, frage ich mal hier an.
Ich habe in meiner Webseite nahezu alle Design-Tabellen gegen CSS ausge-
tauscht aber mit einem habe ich probleme.
Ich habe ein PHP script welches mir contents boxen wie
+-----+-------------+-----+
| IMG | TITLE | IMG |
+-----+-------------+-----+
| |
| CONTENTS |
| |
+-------------------------+
erstellt und das waren mal eine Tabelle wie:
<TABLE width="$WIDTH">
<TR>
<TD width="16"><IMG ...corner_left></TD>
<TD>Ein Titel</TD>
<TD width="16"><IMG ...corner_right></TD>
<TR>
<TR>
<TD colspan="3">
Contents
</TD>
</TR>
</TABLE>
wobei ich die Breite der Tabelle beliebig ändern konnte und der "TITLE"
sowie "CONTENTS" haben sich dementsprechend angepaßt, sprich, beiden
ECKEN bleiben 16 pixel breit und der titel paßt sich dynamisch an
Nun habe ich daraus eine CSS mit
<div class="createBoxContainer">
<div class="createBoxHeading">
<div class="createBoxHeadingCornerLeft"></div>
<div class="createBoxHeadingCenter">Ein Titel</div>
<div class="createBoxHeadingCornerRight"></div>
</div
<div class="createBoxContents">
Contents
</div>
</div>
gemacht was mit meiner Stylesheet echt cool aussieht... Ist einfacher
als ich dachte...
Es gibt hier nur ein Problem: Wenn ich in "createBoxContainer" die
breite verändere muß ich alles ändern... Ebenso kann ich NICHT 100%
angeben.
Die CSS sieht dann ungefähr so aus:
----8<------------------------------------------------------------------
.createBoxContainer {
width: 120px;
border: 0px;
float: left;
margin: 10px;
float: left
}
.createBoxHeading {
width: 120px;
height: 16px;
border: 0px;
border-style: solid;
border-color: darkblue;
}
.createBoxHeadingCornerLeft {
float: left;
}
.createBoxHeadingCenter {
width: 88px;
height: 16px;
background-color: darkblue;
color: skyblue;
text-align: left;
text-valign: bottom;
font-size: 11px;
font-weight: bold;
font-style: italic;
padding: 0px;
float: left;
}
.createBoxHeadingCornerRight {
float: right;
}
.createBoxContents {
border: 0px;
width: 120px;
background-color: lightgrey;
text-align: left;
font-size: 9px;
font-weight: bold;
font-style: italic;
float: left;
}
.createBoxContentsBorder {
border: 1px;
border-style: solid;
border-color: darkblue;
padding: 4px;
}
----8<------------------------------------------------------------------
Das bedeutet, ds ich alles neu berechnen muß wenn ich die Box statt 120
200 pixel breit haben will... Außerdem kann ich nicht 100% angeben.
Will ich die Box anderweitig verwenden, kann ich die original Stylesheet
laden und dazu eine weitere mit:
----8<------------------------------------------------------------------
.setupProjectsContainer {
width: 620px;
}
.setupProjectsHeading {
width: 620px;
}
.setupProjectsHeadingCenter {
width: 588px;
}
.setupProjectsContents {
width: 620px;
}
----8<------------------------------------------------------------------
Aber wie man sieht, muß ich bei "Container", "Heading" und "Contents"
die Breite angeben und in "Center" ausrechnen... Das will ich nicht.
Weis jemand, was ich ändern muß, damit ich NUR einen Wert (Container)
ändern muß?
Anm.: Meine neue Webseite ich noch nicht abgeladen weil noch nicht
fertig und ich bischen überarbeitet bin...
Thanks, Greetings and nice Day/Evening
Michelle Konzack
Systemadministrator
24V Electronic Engineer
Tamay Dogan Network
Debian GNU/Linux Consultant
--
Linux-User #280138 with the Linux Counter, http://counter.li.org/
##################### Debian GNU/Linux Consultant #####################
Michelle Konzack Apt. 917 ICQ #328449886
+49/177/9351947 50, rue de Soultz MSN LinuxMichi
+33/6/61925193 67100 Strasbourg/France IRC #Debian (irc.icq.com)
Attachment:
signature.pgp
Description: Digital signature