arbeiten mit css?

=o-n-e= · 9. November 2007

Hallo ich möhte auf meine page gern rund ecken einbauen allerdings weiß ich nicht recht wie! ich hab schon eine anleitung gefunden weiß aber nicht wie und wo ich die hinkopieren muss?

kann sich das mal einer angucken?

das ist der code muss der in meine .master?

<div class="box">
<b class="top">
<b class="r1"></b><b class="r2"></b>
<b class="r3"></b><b class="r4"></b>
</b>
<h1>Runde Ecken</h1>
<p>Runde Ecken ohne Bilder.</p>
<b class="bottom">
<b class="r4"></b><b class="r3"></b>
<b class="r2"></b><b class="r1"></b>
</b>
</div>

das ist für die css!

.box { width: 15em; background: #9BD1FA;}
.box h1, .box p {margin: 0 10px;}
.box h1 {font-size:150%; color:#ffffff; }
.box .top, .box .bottom{display:block;background: #dddddd;}
.box .top b, .box .bottom b
{
display:block;height: 1px; overflow: hidden; background: #9BD1FA;
}
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}

wie und wo muss ich das nun in meine daten einbinden?

meine master

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">

</style>
</head>
<body url(/App_Master/Images/body_bg.gif)>
<form id="form1" runat="server" class="style1">
<div id="wrapper" class="style2">
<div id="Illustration" class="illustration">
<asp:contentplaceholder id="IllustrationContent" runat="server"></asp:contentplaceholder>
</div>
<div id="TopNavigation">
<asp:contentplaceholder id="TopMenu" runat="server"></asp:contentplaceholder>
</div>
<div id="Search" class="search">
<asp:contentplaceholder id="SearchField" runat="server"></asp:contentplaceholder>
</div>
<div id="Content" class="content">
<asp:contentplaceholder id="MainContent" runat="server"></asp:contentplaceholder>
</div>
<div id="SideBar" class="sidebar">
<asp:contentplaceholder id="SideBarContent" runat="server"></asp:contentplaceholder>
</div>
<div id="Footer" class="footer">
</div>
</div>

</form>
</body>
</html>

meine css

/*--------------------layout---------------------*/
* {margin:0;padding:0}
form {
text-align: center;
}
#wrapper {
width: 970px;
background: #C0C0C0;
margin: 10px auto;
text-align: left;
}

#TopNavigation
{
background: #304;
float: left;
width: 70%;
margin: 0;
}

#Search
{
background: #f74;
float: right;
width: 30%;
margin: 0;
}

#Content
{
background: #f04;
float: left;
width: 70%;
margin: 0;
}

#SideBar {
background: #f0f;
width: 30%;
float: right;
padding: 0;
}

#Header, #Footer {
clear: both;
}

/*--------------------style---------------------*/
body {
font-family: Arial, Verdana;
color: black;
font-size: 12px;
background: white;
margin:0;
padding:0;
}

#Illustration
{
border-bottom: 1px solid #000;
margin-bottom: 3px;
}

#Footer {
clear:both;
color: #666;
font-size: 11px;
border-top: 1px solid #000;
margin-top: 20px;
padding: 0 10px;
}

trebstyle · 9. November 2007

das css für die abgerundeten ecken kannst du als extra datei machen (zb. style.css) oder in das bereits vorhandene css integrieren.

die style.css würdest du dann so einbinden (zb zwischen head und body)

<link rel="stylesheet" type="text/css" href="style.css">

ansonsten...

<div class="box">
<b class="top">
<b class="r1"></b><b class="r2"></b>
<b class="r3"></b><b class="r4"></b>
</b>
<h1>Toller Menupunkt</h1>
<b class="bottom">
<b class="r4"></b><b class="r3"></b>
<b class="r2"></b><b class="r1"></b>
</b>
</div>

pack die paar html-zeilen (das zitat stellt einen menupunkt dar) so oft du willst in deinen html quelltext...

ich seh da irgendwie kein problem. ich habs getestet, alles bestens...

=o-n-e= · 9. November 2007

ja aber ich will ja jetzt kein menüpunkt sondern die ecken vom wrapper rund haben und die ecken von der navbar

trebstyle · 9. November 2007

stand irgendwo was von wrapper und navigation? ansonsten hab ich es überlesen...

also nächstes mal etwas detaillierter beschreiben :-P

so wie du in dem runden-ecken-bsp. einen div-container der klasse "box" erstellst, so kannst du doch auch deinen wrapper und/oder deine navigation erstellen. leider kann man ja den "etwas in den augen brennenden" (*zwinker*) code nicht testen, sonst hätt ich dir gerne eine vorlage geliefert

=o-n-e= · 9. November 2007

in meiner css sprech ich die an...

sorry wenn ich mich schlecht ausgedrückt habe also mein ziel ist es das topmenu, wrapper und die navbar mit runden ecken zu versorgen...

ich hab das auf einer page gesehen und würde das gern auch bauen

EDIT:

aber das problem ist wenn ich das nicht in der css mache und die master page tauschen möchte ist der code auch weg oder?

oder steh ich so aufen schlauch?

kannst du mir das bitte genau erklären weil so gut kenn ich mich damit nicht aus

vielen dank schonmal

trebstyle · 9. November 2007

es is immer ungünstig, nachträglich sachen zu ergänzen...

ich hab mal angefangen zu testen, wie es am günstigsten wäre. allerdings muss ich jetzt nach hause, der feierabend ruft. leider hab ich da momentan keinen zugang.

ich hab zwar deine komplette seite zerlegt, aber das wär der anfang...

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">

form {
text-align: center;
}
#wrapper {
position:relative;
width: 970px;
margin: 10px auto;
text-align: left;
}

#TopNavigation
{
float: left;
width: 70%;
}

#Search
{
background: #f74;
float: right;
width: 30%;
margin: 0;
}

#Content
{
background: #f04;
float: left;
width: 70%;
margin: 0;
}

#SideBar {
background: #f0f;
width: 30%;
float: right;
padding: 0;
}

#Header, #Footer {
clear: both;
}

/*--------------------style---------------------*/
body {
font-family: Arial, Verdana;
color: black;
font-size: 12px;
background: white;
margin:0;
padding:0;
}

#Illustration
{
border-bottom: 1px solid #000;
margin-bottom: 3px;
}

#Footer {
clear:both;
color: #666;
font-size: 11px;
border-top: 1px solid #000;
margin-top: 20px;
padding: 0 10px;
}

/* runde ecken */

.box { width: 15em; background: #9BD1FA;}
.box .top, .box .bottom{display:block;background: #ffffff;}
.box .top b, .box .bottom b
{
display:block;height: 1px; overflow: hidden; background: #9BD1FA;
}
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}

</style>
</head>
<body>
<form id="form1" class="style1">


<div id="wrapper">


<div id="Illustration">
Illustration
</div>

<div id="TopNavigation" class="box">
<b class="top">
<b class="r1"></b><b class="r2"></b>
<b class="r3"></b><b class="r4"></b>
</b>
Navi<br />Navi<br />Navi<br />Navi<br />Navi<br />Navi<br />Navi<br />Navi<br />Navi<br />Navi<br />Navi<br />Navi<br />Navi<br />

<b class="bottom">
<b class="r4"></b><b class="r3"></b>
<b class="r2"></b><b class="r1"></b>
</b>
</div>

</div>

</form>
</body>
</html>

vielleicht komm ich nochmals dazu. würds liebend gerne fertig machen, ich mag sowas total gerne...

aber vielleicht hilft dir das ja schon zum teil was.

geloescht_JesterDay · 12. November 2007

Also ich weiß nich was deine ganzen <b>s sollen :confused:

Entweder hab ich da was nicht kapiert, aber ich denke du willst einfach eine Box mit abgerundeten Ecken?

Um das ganze browserübergreifend zu machen (also nicht CSS3 zu verwenden) hab ich das so gemacht (in dem Beispiel sind nur die oberen beiden Ecken abgerundet, lt = left-top, rt=right-top):


<div class="menu_item_act">

  <div class="corner-lt_act">

    <div class="corner-rt_act">

      <a href="link">Home</a>

    </div>

  </div>

</div>

Dazu dann folgendes css:


div.menu_item_act { border: 1px solid #FFFFFF;			    

			   	float: left;

			   	background-color: #0000D0;

			   	font-family: serif;

			   	color: #FFFFFF; }


div.corner-lt_act { background-image:url(../images/left-top-act.gif);

			 	background-repeat:no-repeat;

			 	background-position: left top; }


div.corner-rt_act { background-image:url(../images/right-top-act.gif);

			 	background-repeat:no-repeat;

			 	background-position: right top;

				padding: 5px; }

Du hast also eine Box mit eckigen Ecken. In die Box legst du 2 weitere Boxen, die als Hintergrundbild eine Grafik haben die eine abgerundete Ecke darstellt. also angenommen dein Hintergrund ist weiß und die Box blau, dann hast du für die linke obere Ecke ein kleines quadratisches Bild, das in der rechten unteren Ecke einen blauen viertelkreis zeigt, und ansonsten weiß ist.

Den hintergrund zeigst du jeweils in der richtigen Ecke an, ohne Wiederholung.

Das geht genauso mit 4 Ecken, musst du nur noch 2 Divs innen rein packen.

CSS beruht auf dem Box-Model. Boxen schachtelst du ineinander um sie miteinander zu verknüpfen o.ä.. Was du da machst ist IMHO eher ein Puzzlespiel, also Teilchen aneinanderkleben. Das hast du mit Tabellen gemacht, aber nicht mit CSS

=o-n-e= · 14. November 2007

vielen dank erstma...

mit den eckigen ecken das habe ich erstma etwas zurück gestellt weil ich vorran kommen muss werde das aber heute nachmittag nochma probieren...

nun mal eben eine etwas andere frage.

ich habe einen content bereich und rechts daneben eine sidebar, ist es möglich das die sidebar immer die gleiche größe wie der content bereich hat`?

hab das erstma so gelöst

#Content

{

background: #fff;

float: left;

width: 70%;

height: 500px;

margin: 0;

min-height: 500px;

height: auto !important;

overflow: hidden;

vertical-align: top;

}

#SideBar {

background: #F3F3F3;

width: 30%;

float: left;

padding: 0;

height: 500px;

}

so wenn der content bereich nun einen langen text hat dann zieht der sich nach unten aber die sidebar wächst nicht mit!?!

geloescht_JesterDay · 14. November 2007

ich habe einen content bereich und rechts daneben eine sidebar...

Rechts daneben oder darin, nur rechtsbündig angezeigt?

Tip: Sieh dir das Boxmodell mal an

CSS 4 You - The Finest in Stylesheets: Workshop: Boxmodell

=o-n-e= · 14. November 2007

nein die sidebar ist schon rechts daneben...

der content bereich hat nun einen langen text der weit über 500px geht und deshalb und ide sidebar hört aber nach 500px auf...

gibts da nicht was für die sidebar das die automatisch immer die gleiche größe wie der content bereich übernimmt?

geloescht_JesterDay · 14. November 2007

nein die sidebar ist schon rechts daneben...

[...]

gibts da nicht was für die sidebar das die automatisch immer die gleiche größe wie der content bereich übernimmt?

Wenn die Box daneben ist, hat sie nix mit dem Content zu tun. Und folglich hat die Contentbox auch keinerlei Einfluss auf die Sidebarbox.

Du könntest noch nen Container um beide herum machen. Die Angabe height: 100% bezieht sich auf die übergeordnete Box, allerdings muss diese im selben Context liegen, also float ist ein anderer Context als ohne float.

Wie schonmal gesagt, lies dir das Boxmodell durch.

=o-n-e= · 16. November 2007

So vielen dank das habe ich nun kapiert nun steh ich aber vor dem nächsten problem und zwar wenn ich im content bereich einen text habe umfließt er das bild ich möchte aber das links kleine icons sind und der text mit etwas abstand rechts davon...

wie geht das mit tabellen? mit float links und rechts funktioniert es nicht.

ich möchte aber nicht gezeitl ein bild ansprechen sondern alle bilder auf der page...

vielen dank

geloescht_JesterDay · 19. November 2007

wie geht das mit tabellen? mit float links und rechts funktioniert es nicht.
ich möchte aber nicht gezeitl ein bild ansprechen sondern alle bilder auf der page...

Mit Tabellen? :eek

Das überseh ich einfach mal

Float ist auch dafür gemacht, dass es vom Text umflossen wird. Stell dir mal eine box vor. Im Inneren der Box ist alles voll mit Text. Jetzt legst du da eine weitere Box rein, die vom Text umflossen wird. Dann sagst du, die umflossene Box soll ganz links sein. Jetzt hast du eine kleine Box links oben in der ursprünglichen box, die vom Text umflossen wird.

Was du jetzt willst, ist dass der Text in der äußeren Box eben nicht komplett bis zum linken Rand geht, da dort ja die innere box liegt jetzt. Wie löst du das Problem? Du sagst der äußeren Box einfach, dass sie innen links einen gewissen Abstand haben soll, in dem nichts ist. ein Float-Element liegt ja nicht wirklich in der Box, und ist davon nicht betroffen.


<div id="outerBox" style="padding-left: 40px;">

  <img src="something" style="float:left;" alt="something" width="32" 

    height="32" />

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 

eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 

voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 

clita kasd gubergren, no sea tak

</div>

=o-n-e= · 22. November 2007

Mit Tabellen? :eek
Das überseh ich einfach mal

Float ist auch dafür gemacht, dass es vom Text umflossen wird. Stell dir mal eine box vor. Im Inneren der Box ist alles voll mit Text. Jetzt legst du da eine weitere Box rein, die vom Text umflossen wird. Dann sagst du, die umflossene Box soll ganz links sein. Jetzt hast du eine kleine Box links oben in der ursprünglichen box, die vom Text umflossen wird.

Was du jetzt willst, ist dass der Text in der äußeren Box eben nicht komplett bis zum linken Rand geht, da dort ja die innere box liegt jetzt. Wie löst du das Problem? Du sagst der äußeren Box einfach, dass sie innen links einen gewissen Abstand haben soll, in dem nichts ist. ein Float-Element liegt ja nicht wirklich in der Box, und ist davon nicht betroffen.
<div id="outerBox" style="padding-left: 40px;">

  <img src="something" style="float:left;" alt="something" width="32" 

    height="32" />

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 

eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 

voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 

clita kasd gubergren, no sea tak

</div>

ja die ecken rund machen hat nun auch endlich geklappt

aber eine frage hätte ich noch

tut mir leid das ich soviel fragen muss aber so einfach ist das alles nicht.

ich hab ein background image als hintergrund gelegt, nun ist aber ein content sehr sehr lang und das bild hört einfach auf trotz bacgroun-repeat: repeat x?? warum ist das so?

kann das nicht einfach wieder von oben anfangen?

hellslawyer · 22. November 2007

Das liegt daran, daß repeat-x logischerweise nur in X-Richtung wiederholt. Darum heißt es ja so. In Deinem Fall müsstest Du ein einfaches repeat setzen, das in beide Richtungen geht:

background-repeat: repeat;

Grütze

hellslawyer

=o-n-e= · 28. November 2007

so die page ist fast fertig gestellt und deshalb möchte ich mich erstmal bei allen bedanken die mir gehlfen haben ...

leider habe ich noch zwei kleine probleme eins handelt sich um den RAD Editor (in einem anderen thread) und das andere handelt darum das die Page im IE wuderbar aussieht aber im opera und Firefox anders gedeutet wird!?

habe schon etwas dazu gelesen und erfahren das opera und firefox nicht so fehlertolerant sind. !

ich habe zum beispiel die sidebar links um opera wird die unter der page angezeigt (könnte etwas mit boxen größen oder so zutun haben)? und im firefox garnicht!

desweiteren habe ich in der topbar flyouts ausgeschaletet dennoch werden sie im opera und im firefox angezeigt

geloescht_JesterDay · 28. November 2007

habe schon etwas dazu gelesen und erfahren das opera und firefox nicht so fehlertolerant sind. !

Umgekehrt, der IE ist zu fehlertolerant. Er interpretiert was in den falschen Code, was da nicht drin steht. Und da das Ergebnis so aussieht wie du es dir vorstellst, findest du das richtig. Demnach müssten also Fehler immer so ausgelegt werden, wie das dein aktueller IE gerade macht. Dass das auf jeden Fall nicht so sein wird kannst du dir ja vorstellen

Im Gegensatz dazu kannst du davon ausgehen, dass richtiger Code, richtig interpretiert immer so interpretiert werden wird. Dafür ist er ja standardtisiert.

Also (mein Tip): Zum Entwickeln einer Seite nie den IE nehmen, höchstens um die Seite damit dann zu testen. (Außer man weiß was man tut)

ich habe zum beispiel die sidebar links um opera wird die unter der page angezeigt (könnte etwas mit boxen größen oder so zutun haben)? und im firefox garnicht!

Ist deine Seite denn standardkonform? Im IE (7 auf jeden Fall, ab 6 aber schon fast) sollte sie sie nicht so viel anders interpretiert werden, wenn sie das ist. Z.B. muss dafür im IE der DTD im Dokument zwingend vorhanden sein. ansonsten ist der IE immer im Quirksmodus. (Fehlerhaftes Boxmodell z.B.)

desweiteren habe ich in der topbar flyouts ausgeschaletet dennoch werden sie im opera und im firefox angezeigt

Was sind flyouts?

geloescht_JesterDay · 28. November 2007

Nachtrag (Edit geht nimmer);

Ohne DTD ist eine Seite ja immer im Quirksmode, da sie nicht korrekt ist

Aber beim IE kann man dem Browser damit auch gleich ein paar Fehler abgewöhnen.

=o-n-e= · 28. November 2007

Was sind flyouts?

flyouts sind menüs die herausfahren wenn die maus nur drauf ist (ohne klick)

mh? das ist ja jezt doof soweit... kann es sein das opera und firefox die padding und margin oder auch die weite anders deuten? weil mir kommt es so vor als würden die browser denken die boxen seinen breiter und deshalb schieben die es nach unten... gibt es für sowas befehle die nur für opera oder firefox gelten?beispielsweise die css merkt : aha da ist ein opera browser also bekommt er padding: 16 0 15 3 <-- beispiel und beim IE zb. 18 1 18 5 geht sowas? falls ja wie würde ich das in die css schreiben?

hellslawyer · 28. November 2007

Ja, es gibt den immer wieder beliebten 3 pixel gap im IE.

*Klick mich, ich bin ein Link*

geloescht_JesterDay · 3. Dezember 2007

mh? das ist ja jezt doof soweit... kann es sein das opera und firefox die padding und margin oder auch die weite anders deuten?

Umgekehrt wird ein Schuh draus: Der IE setzt das CSS-Boxmodel falsch um und somit sind die Boxen im IE nicht korrekt breit. Im Opera und FF sind sie hingegen korrekt.

(siehe: CSS 4 You - The Finest in Stylesheets: Workshop: Boxmodell )

Aber: Soweit ich weiß ab IE 6 ist der Fehler korrigiert, wenn das Dokument standardkonform ist.

(also erstmal dein HTML überarbeiten, dann für IE <= 5.5 ein eigenes CSS über Conditional Comments:

Browserweiche für Internet Explorer mit Conditional Comments: Tipps und Tricks auf CSS 4 You - The Finest in Stylesheets

falls das überhaupt nötig sein sollte dann)

=o-n-e= · 4. März 2008

so ich hab mal wieder ein problem *g*

da ich jetzt lange zeit was anderes gemacht habe stande ich lange zeit nicht mehr vor diesem problem, und zwar soll unsere seite immer noch den bildschirm ausfüllen. Zurzeit ist es eher eine kleine seite und wenn man eine hohe auflösung hat wird der untere teil nicht ausgefüllt. ich möchte nun gerne das die seite immer den browser ausfüllt und wenn der browser verkleinert wird, dass die seite sich dann auch verkelinert (in einander fließt)

meine ansätze...

.master

<div id="border" class="border" >

<div id="Content" class="content">
<asp:contentplaceholder id="MainContent" runat="server">
</asp:contentplaceholder>
</div>

<div id="SideBar" style="margin-bottom:0px;" class="sidebar">
<asp:contentplaceholder id="SideBarContent" runat="server">
</asp:contentplaceholder>

<div style="padding-top:140px" id="Div2" class="Div2">
<asp:contentplaceholder id="Div2content" runat="server">
</asp:contentplaceholder>
</div>
</div>
</div>

border ist das div was drum rum liegt und wo der inhalt sich verschieben soll..

meine css.

#border
{ position:absolute;
left: 0px;

height: 100%;
width:800px;
clear:both;
}
#Content
{
float:left; /* fließ richtung*/
width: 70%;
width: 70% !important; /* weite*/
min-height: 100%;
min-height: 100% !important ; /* min. höhe*/
height: 100% !important; /* höhe für den IE*/
float:left;
width: 70%;
}
#SideBar
{
width: 30%;
float: right;
width: 30% !important;
width: 29%;
min-height: 100%;
min-height: 100% !important; /* min. höhe*/
height: 100% !important;
}

leider ist der header zentriert und diese divs bekomme ich nicht zentriert!?

naja vielleicht kann einer damit was anfangen vielen dank

=o-n-e= · 5. März 2008

so ich ahb mir nun mal überlegt unter meiner mastersite einfach nen javascribt zu schreiben, aber brauch ich dann brauch ich doch 2 css dateien oder?

bei einer auflösung von 1024+768 würde er die style1.css nehmen und bei einer höheren auflösung die andere css datei oder?

geht das auch anders? weil bei unserem cms kann man für die seite nur eine css anlegen das heißt ich müsste das java scribt so schreiben das es aus der css für jede auflösung andere werte nimmt! geht das? wenn ja kann mir da jemand ein paar ansätze geben?

vielen dank im vorraus

Aiun · 5. März 2008

Javascript und die größe der Div-Boxen in Pixel berechnen

(bei onResize !)

geloescht_JesterDay · 5. März 2008

und zwar soll unsere seite immer noch den bildschirm ausfüllen. Zurzeit ist es eher eine kleine seite und wenn man eine hohe auflösung hat wird der untere teil nicht ausgefüllt. ich möchte nun gerne das die seite immer den browser ausfüllt

Sicher dass du das willst? Ich stell mir das nämlich eher bescheiden vor, wenn eine Seite mit wenig Inhalt über den ganzen Browser geht. Dann hast du nämlich ncihts anderes als wenn sie das nciht tut (so wie jetzt)... ne Menge leeren Raum. Nur dass dann ein evtl. Fuß oder anderes am rechten Rand ewig weit weg vom rest sind. Und das sieht einfach schh*** aus!

1024er Auflösungen als Vorgabe zu nehmen ist ja schon, aber heutzutage sind eher höhere Auflösungen wie 1280 standard. Naja, zumindest weit verbreitet. Oder auch noch mehr.

Ach und die Border-Box bekommst du so zentriert:


<div id="border" style="width: 800px; margin-left: auto; margin-right: auto;">

bla bla bla

</div>

bei einer auflösung von 1024+768 würde er die style1.css nehmen und bei einer höheren auflösung die andere css datei oder?

Und was ist bei einer auflösung von 964x679 oder 1167x989? Nicht alle haben den Browser immer Fullscreen laufen. Anpassungen an genau 1024x768 sind als grobe Vorgabe ok, aber davon auszugehen dass die alle sowas haben...

Ich kann dir z.B. nicht sagen wie groß mein Browser ist. Er ist auf jeden Fall nie Fullscreen.

Ansonsten: Height 100% bezieht sich immer auf das Elternelement (wie schonmal gesagt. Wenn das elternelement aber <body> ist, dann hat das Elternelement keine definierte Höhe. (Das steht so im CSS-Standard. Hab das letztens mal rausgesucht, in irgeneinem Thread hab ich das zitiert)

Ein Browserfüllendes DEsign ist also mit CSS nur über Hacks hinzubekommen, die aber auch wieder Nebenwirkungen haben.

Fast alle modernen Designs nutzen übrigens kein widht = height = 100% mehr.

Wobei sowas wohl mit CSS3 dann doch eher wieder möglich sein wird. Mal abwarten was das bringt...

Anmelden

arbeiten mit css?

Empfohlene Beiträge

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte