Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon JanD vom 19.03.2019, 18:35 Options
wie ordne ich die div-container so an?....
wie mach ich das mit dem css?
ich will mir wie folgt meine container anordnen (ich hab das ganze mal veranschaulicht):
XXXXXXXX OOOOOOO
XXXXXXXX OOOOOOO
XXXXXXXX OOOOOOO
XXXXXXXX OOOOOOO
NNNNNN SSSSSSSS
NNNNNN SSSSSSSS
NNNNNN SSSSSSSS
NNNNNN SSSSSSSS
FFFFFFFFF
also 5 container
- X-container: höhe 80px, breite 200px
- O-container: höhe 80px; breite bis ganz nach rechts
- zwischen "X" und "O" 3px Lücke
- beim Verkleinern des Fensters soll "O" NICHT unter "X" geraten (auch nicht umgekehrt)
- N-container: höhe auto, breite 200px
- S-container: höhe auto, breite bis ganz nach rechts
- zwischen "N" und "S" 3px Lücke
- beim Verkleinern des Fensters soll "S" NICHT unter "N" geraten (auch nicht umgekehrt)
- zwischen "X" und "N" bez. "O" und "S" 3px Lücke
- F-container: höhe: auto, immer genauso breit wie "S" und immer direkt darunter mit 3px Lücke
....
ich hab schon viel ausprobiert, aber ich krieg es irgendwie bloß für den IE hin. Es soll aber auch für den FF funktionieren.
Bitte helft mir!
ich will mir wie folgt meine container anordnen (ich hab das ganze mal veranschaulicht):
XXXXXXXX OOOOOOO
XXXXXXXX OOOOOOO
XXXXXXXX OOOOOOO
XXXXXXXX OOOOOOO
NNNNNN SSSSSSSS
NNNNNN SSSSSSSS
NNNNNN SSSSSSSS
NNNNNN SSSSSSSS
FFFFFFFFF
also 5 container
- X-container: höhe 80px, breite 200px
- O-container: höhe 80px; breite bis ganz nach rechts
- zwischen "X" und "O" 3px Lücke
- beim Verkleinern des Fensters soll "O" NICHT unter "X" geraten (auch nicht umgekehrt)
- N-container: höhe auto, breite 200px
- S-container: höhe auto, breite bis ganz nach rechts
- zwischen "N" und "S" 3px Lücke
- beim Verkleinern des Fensters soll "S" NICHT unter "N" geraten (auch nicht umgekehrt)
- zwischen "X" und "N" bez. "O" und "S" 3px Lücke
- F-container: höhe: auto, immer genauso breit wie "S" und immer direkt darunter mit 3px Lücke
....
ich hab schon viel ausprobiert, aber ich krieg es irgendwie bloß für den IE hin. Es soll aber auch für den FF funktionieren.
Bitte helft mir!
Antwort 1 von rfb vom 19.03.2019, 19:23 Options
Zitat:
ich hab schon viel ausprobiert,
soll das die Problem- und Lösungsversuchbeschreibung sein?ich hab schon viel ausprobiert,
Dann lautet die Antwort:
positionierenMehr gibt dein Posting nicht her!
Antwort 2 von JanD vom 19.03.2019, 20:05 Options
@rfb
also bei mir sieht das bisher so aus, und ich weiß halt erstmal nicht wie ich das rechte div so 'einstelle', dass es sich genau an die seitenbreite anpasst:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
#a{
position: absolute;
top: 0;
left: 0;
height: 80px;
width: 200px;
border: 2px solid #000;
}
#b{
position: absolute;
top: 0;
left: 206;
height: 80px;
width: 100%;
border: 2px solid #000;
}
</style>
</head>
<body>
<div id="a">
</div>
<div id="b">
</div>
</body>
</html>
also bei mir sieht das bisher so aus, und ich weiß halt erstmal nicht wie ich das rechte div so 'einstelle', dass es sich genau an die seitenbreite anpasst:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
#a{
position: absolute;
top: 0;
left: 0;
height: 80px;
width: 200px;
border: 2px solid #000;
}
#b{
position: absolute;
top: 0;
left: 206;
height: 80px;
width: 100%;
border: 2px solid #000;
}
</style>
</head>
<body>
<div id="a">
</div>
<div id="b">
</div>
</body>
</html>
Antwort 3 von rfb vom 19.03.2019, 21:20 Options
zurück zum Anfang, bevor hier zuviel Energie vergeudet wird:
was willst du wirklich?
wozu dient diese Anordnung?
welche inhaltlichen Zusammenhänge spiegeln sich in dieser DIV-Suppe wider?
Denn unter Umständen verbaut dir ein Rasterdenken einfachere Möglichkeiten.
Denn unter Umständen verbaut dir ein Rasterdenken einfachere Möglichkeiten.
Antwort 4 von JanD vom 19.03.2019, 21:29 Options
Ich will mir meine div's so anordnen wie ichs oben beschrieben hab. Ich weiß halt nur nicht wie. Ich hatte ja eigentlich schon mein ganzes layout fertig (zumindest dachte ich das, weil es auf dem IE richtig aussah), doch dann hab ichs mir mit dem FF angeguckt und jetzt versteh ich noch weniger. Wenn du willst, kann ich dir ja das geben was ich für den IE gemacht hab und du hilfst mir das selbe für den FF (was natürlich auch weiterhin im IE klappen soll) zu machen. Ja?
Antwort 5 von rfb vom 19.03.2019, 21:39 Options
Sorry, an Layouts, die nicht dem Inhalt untergeordnet sind, habe ich kein Interesse.
letzter Tipp: wenn du schon mit der position:absolute-Kanone schießt kannst du auch mit fixen Breiten weiterballern, das macht das Layout auch nicht mehr ernsthaft weniger flexibel.
letzter Tipp: wenn du schon mit der position:absolute-Kanone schießt kannst du auch mit fixen Breiten weiterballern, das macht das Layout auch nicht mehr ernsthaft weniger flexibel.
Ähnliche Themen
Horizontales und vertikales Zentrieren eines div-Containers mit CSS
derpfleger 05.08.2006 - 7578 Hits - 1 Antwort
wie kann ich in einem css-container ein hintergrundbild einfügen, dass den ganzen container ausfüllt?
ClausTaller 26.02.2007 - 120 Hits - 1 Antwort
document.all.+variable+.style
eisbärbaby 01.06.2007 - 31 Hits - 9 Antworten
CSS Container
luac. 13.02.2008 - 76 Hits - 2 Antworten
scrollbarer Div Container mit scrollbalken nur rechts am Fenster
Volker76 22.04.2008 - 87 Hits - 8 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
