tableless Design
vst
- design/layout
Hallo zusammen,
mein erster Eintrag hui ... sorry das musste sein;
Also dann - ich versuche gerade meine Seite ohne Tabellen zu gestalten was sich allerdings als nicht so einfach heraus stellt.
<grundsätzliches>
<?xml version="1.0" encoding="utf-8"?>
<!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">
</grundsätzliches>
<html>
<!-- linke obere ecke -->
<div id="left_top"></div>
<!-- in der breite variable leiste oben -->
<div id="top"></div>
<!-- rechte obere ecke -->
<div id="right_top"></div>
</html>
<stylesheet>
#left_top {
width: 150px !important;
height: 165px;
float: left;
background: url('../images/lefttop.png');
}
#top {
height: 165px;
width: Hier ist das Problem;
background: url('../images/top.png');
float: left;
}
#right_top {
width: 200px !important;
height: 165px;
background: url('../images/righttop.png');
float: right;
}
</stylesheet>
Wie kann ich es erreichen, dass das mittlere div die maximal Mögliche Breite einnimmt.
Wenn ich hier 100% eintrage, geht es natürlich über den ganzen BODY und verursacht einen Zeilen Umbruch, den ich aber nicht haben möchte.
so denn - wäre nett wenn jemand antwortet.
Gruß
Valentin
hi,
Wie kann ich es erreichen, dass das mittlere div die maximal Mögliche Breite einnimmt.
In dem du ihn nicht floatest, und den Div, der nach rechts floaten soll, vor ihm in den Quelltext setzt.
gruß,
wahsaga
In dem du ihn nicht floatest, und den Div, der nach rechts floaten soll, vor ihm in den Quelltext setzt.
Wow, danke für die schnelle Antwort ...
Yeah, das schaut schon ganz gut aus - aber ...
Die drei Teile bestehen aus drei Bilder die nahtlos ineinander gehen sollten und jetzt schaut das in der Mitte über die Ränder der äußeren, die nach außen hin einen Verlauf ins transparente besitzen.
Zudem wird der Verlauf an der Oberkante durch die Überlagerung verstärkt was auch net gut ausschaut.
Das mittlere müsste sich also genau in die beiden äußeren ein passen.
moinsen!
schau dir mal die quelltexte der links auf dieser seite an... vielleicht hilft´s.
schau dir mal die quelltexte der links auf dieser seite an... vielleicht hilft´s.
Vielen Dank für die Hilfe!! Aber leider geht der Link net ....
vergessen ...
Mir ist grad aufgefallen das es im IE sehr wohl so funktioniert nur im FF halt net ...
hi!
auch sorry - habs grad gesehen - danke für den Link - Beispiel 5 ist genau das was ich suche ....