Schrift
Wiki:Tipp zum Debugging: use Data::Dumper; local $Data::Dumper::Useqq = 1; print Dumper \@var;
[thread]2289[/thread]

Fragen rund um CSS



<< |< 1 2 3 >| >> 26 Einträge, 3 Seiten
Heromaster
 2006-02-06 20:16
#24718 #24718
User since
2003-08-05
220 Artikel
BenutzerIn
[default_avatar]
Hi,

ich habe da ein paar Probleme mit der Darstellung von Elementen mithilfe von CSS.

1. Wie zentriere ich horizontal Elemente?

Also mit
Code: (dl )
<div align="center">...</div>
kann ich Elemente wie Bilder, Tabellen usw. zentrieren. Jedoch ist dies mit der strict-Variante nicht erlaubt. Wie kann ich also ohne das align-Attribut Elemente zentrieren? Mit text-align kann ich nur Text zentrieren. Eine Entsprechung rein für Elemente finde ich allerdings nicht.

2. Wie kann ich mithilfe von CSS hr-Tags formatieren?

Das Einzigste, was ich machen kann, ist die Breite der Line festlegen. Die Größe wird zwar von Mozilla interpriert, nicht aber vom IE. Farben ändern geht bei beiden nicht.

3. Probleme mit vertikaler Ausrichtung

Wie kann ich Text vertikal zentrieren? Ich habe folgendes Problem:
Code: (dl )
<div id="navbar">Dieser Text soll vertikal zentirert dargestellt werden</div>

Das Stylesheet:
Code: (dl )
1
2
3
4
5
6
#navbar
{
width: 900px;
height: 42px;
vertical-align: middle;
}

Ich kann machen, was ich will. Der Text bleibt "oben" kleben :(

Für Hilfe bin ich überaus dankbar :)
Derjenige, der zwei Hasen jagt, lässt einen zurück und verliert den anderen.
GwenDragon
 2006-02-06 20:44
#24719 #24719
User since
2005-01-17
14748 Artikel
Admin1
[Homepage]
user image
Horizontal:
left: 50%;
margin-left: -width/2;

Vertical:
top: 50%;
margin-top: -height/2;

Code: (dl )
1
2
<hr style="width:300px; color:yellow; background-color:yellow; height:5px;
margin-right:0; text-align:right; border:1px dashed blue;">
Heromaster
 2006-02-06 21:27
#24720 #24720
User since
2003-08-05
220 Artikel
BenutzerIn
[default_avatar]
Hallo Gwen,

danke für Deine Antworten. Werde ich gleich mal ausprobieren :)
Derjenige, der zwei Hasen jagt, lässt einen zurück und verliert den anderen.
xwolf
 2006-02-07 22:23
#24721 #24721
User since
2005-09-17
51 Artikel
BenutzerIn
[Homepage] [default_avatar]
Eine sehr hilfreiche Seite zu diesem Thema ist übrigens diese:
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
GwenDragon
 2006-02-08 11:28
#24722 #24722
User since
2005-01-17
14748 Artikel
Admin1
[Homepage]
user image
Vorsich mit IE-Hacks in den CSS. Der IE 7 mag das nämlich nicht mehr.
Besser ist es ein zu fügen.

Oder gleich serverseitig den UserAgent abzufragen und per mod_rewrite die richtige CSS auszuliefern.
nepos
 2006-02-08 13:09
#24723 #24723
User since
2005-08-17
1420 Artikel
BenutzerIn
[Homepage] [default_avatar]
Kann der IE7 dann aber auch mehr in Sachen CSS?
GwenDragon
 2006-02-08 16:08
#24724 #24724
User since
2005-01-17
14748 Artikel
Admin1
[Homepage]
user image
[quote=nepos,08.02.2006, 12:09]Kann der IE7 dann aber auch mehr in Sachen CSS?[/quote]
Ähm, gute Frage. Heißt es, dass er mehr kann.
Aber die Erfahrung mit MS der früheren Jahre hat gezeugt, dass es selten stimmt.

Zudem: Nicht alle Leute haben den IE 7. Es gibt genügend Leute, ob privat oder Firma, die Windows 98/ME
oder 2000 haben. Da läuft kein IE 7 auf den Systemen.
Also nicht sagen: Na ja, ich optimier mal für den IE 7, weil viele haben XP und Vista.
nepos
 2006-02-08 17:26
#24725 #24725
User since
2005-08-17
1420 Artikel
BenutzerIn
[Homepage] [default_avatar]
Ne, ging mir nur darum, ob der IE7 dann CSS wenigstens sauber unterstuetzt, wenn schon die Hacks nicht mehr klappen. Finde es ja eh ein Unding, dass quasi der "Standard"-Browser gerade hier mehr als mau unterwegs ist...
Strat
 2006-02-08 18:20
#24726 #24726
User since
2003-08-04
5246 Artikel
ModeratorIn
[Homepage] [default_avatar]
laut irgendeiner aussage (ich glaube, es war auf http://www.netzwelt.de/ ) soll IE7 CSS2 nicht vollstaendig unterstuetzen
perl -le "s::*erlco'unaty.'.dk':e,y;*kn:ai;penmic;;print"
http://www.fabiani.net/
renee
 2006-02-09 00:00
#24727 #24727
User since
2003-08-04
14371 Artikel
ModeratorIn
[Homepage] [default_avatar]
esskar kann dazu vielleicht mehr sagen, da er ja den IE7 hat. Aber der IE7 scheint weiterhin nicht alles zu unterstützen...
OTRS-Erweiterungen (http://feature-addons.de/)
Frankfurt Perlmongers (http://frankfurt.pm/)
--

Unterlagen OTRS-Workshop 2012: http://otrs.perl-services.de/workshop.html
Perl-Entwicklung: http://perl-services.de/
<< |< 1 2 3 >| >> 26 Einträge, 3 Seiten



View all threads created 2006-02-06 20:16.