Frage stellenhallo leute!
hab im photoshop ne kleine testseite erstellt und die slices mit html und css zusammen generiert. mein problem: die seite ist links oben, ich hätte sie gerne mittig. alle divs sind als absolute positioniert (ein haupt-div, in diesem 4 weitere). gibt es eine einfache möglichkeit dafür oder müsste der typ der positionierung geändert werden? wenn ja wie?
ist es überhaupt das sinnvollste die divs per absolute zu positionieren? im hinblick auf barrierefreiheit etc ?
hier der link zu dem was ich bekommen habe:
http://rgertler.rg.funpic.de/div/Unbenannt-1.html
hoffe ihr könnt mir weiterhelfen. lg vom gerti
Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster
Problem mit absoluten divs
4 Beiträge • Seite 1 von 1
Problem mit absoluten divs
von gertnaster » 17.04.2010, 21:03
- gertnaster
- neu hier
- Beiträge: 3
- Registriert: 17.04.2010, 20:48
Re: Problem mit absoluten divs
von gertnaster » 18.04.2010, 08:51
oh hier nochmal der code:
- Code: Alles auswählen
<html>
<head>
<title>Unbenannt-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Save for Web Styles (Unbenannt-1) -->
<style type="text/css">
<!--
#Tabelle_01 {
position:absolute;
left:0px;
top:0px;
width:500px;
height:500px;
}
#Unbenannt-11 {
background-image: url(images/Unbenannt-11.jpg);
position:absolute;
left:0px;
top:0px;
width:500px;
height:115px;
}
#Unbenannt-12 {
background-image: url(images/Unbenannt-12.jpg);
position:absolute;
left:0px;
top:115px;
width:114px;
height:279px;
}
#Unbenannt-13 {
background-image: url(images/Unbenannt-13.jpg);
position:absolute;
left:114px;
top:115px;
width:386px;
height:279px;
}
#Unbenannt-14 {
background-image: url(images/Unbenannt-14.jpg);
position:absolute;
left:0px;
top:394px;
width:500px;
height:106px;
}
-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#555555; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- Save for Web Slices (Unbenannt-1) -->
<div id="Tabelle_01">
<div id="Unbenannt-11">11
</div>
<div id="Unbenannt-12">12 <br>
</div>
<div id="Unbenannt-13">13 <br> 13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>13 <br>
</div>
<div id="Unbenannt-14">14
</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>
- gertnaster
- neu hier
- Beiträge: 3
- Registriert: 17.04.2010, 20:48
Re: Problem mit absoluten divs
von Azra » 22.04.2010, 07:03
Versuch anstatt
Und wenn du etwas mehr Kenntnisse hast benutze ein externes CSS File
- Code: Alles auswählen
<body style="background-color:#555555; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
- Code: Alles auswählen
<body style="background-color:#555555; margin:0 auto;">
Und wenn du etwas mehr Kenntnisse hast benutze ein externes CSS File
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
-
Azra - Stammuser
- Beiträge: 422
- Registriert: 04.02.2010, 08:36
- Wohnort: (Alten)bochum
Re: Problem mit absoluten divs
von Azra » 22.04.2010, 07:07
Versuch anstatt
Ich weiss nicht genau wofür du die absolute positionierung benötigst, macht keinen Sinn.
Sobald du etwas absolut positionierst richtet das sich das Element der oberen linken Ecke des Browsers aus.
Und wenn du etwas mehr Kenntnisse hast benutze ein externes CSS File
- Code: Alles auswählen
<body style="background-color:#555555; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
- Code: Alles auswählen
<body style="background-color:#555555; margin:0 auto;">
Ich weiss nicht genau wofür du die absolute positionierung benötigst, macht keinen Sinn.
Sobald du etwas absolut positionierst richtet das sich das Element der oberen linken Ecke des Browsers aus.
Und wenn du etwas mehr Kenntnisse hast benutze ein externes CSS File
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
-
Azra - Stammuser
- Beiträge: 422
- Registriert: 04.02.2010, 08:36
- Wohnort: (Alten)bochum
4 Beiträge • Seite 1 von 1
Moderatoren: Laus, Moderatoren
Ähnliche Beiträge zu "Problem mit absoluten divs"
- problem mit css menü
- Probleme mit CSS und Joomla
- CSS-Hover-problem
- Deckkraft/Opacity in (child-)divs?
- nesten von divs
- DIVs überlappen sich nicht
Zurück zu: CSS für Anfänger
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste