CaRvA
-
Gesamte Inhalte
10 -
Benutzer seit
-
Letzter Besuch
-
CSS Problem zwischen IE und Firefox
CaRvA antwortete auf Unrealfighter's Thema in Skript- und Webserverprogrammierung
Sag mal was willst du da genau erstellen? Du benutzt Div`s aber dazwischen ist noch eine Tabelle Willst du ein DIV Layout oder eine Tabellen Layout??? Und du machst dir das viel zu kompliziert!!! -
Kennst du vielleicht die Seite Home: Yet Another Multicolumn Layout | An (X)HTML/CSS Framework ? Das ist ein CSS Framework. Es gibt auch ein Buch dazu. CSS Layouts. Würde ich jedem empfehlen der sich näher mit CSS beschäftigen will.
-
Hi, also ich finde die Optimierung auf IE6 ist noch angebracht! Denn man muss mal so überlegen. Viele die keine Original Windows Version haben können sich den IE7 nicht downloaden geschweige denn installieren. Andere User habe mal gehört das der IE7 schlecht ist und deswegen benutzen sie weiter den IE6 oder trauen sich nicht das Update zu installieren oder oder oder. Ich sehe das selber bei unseren Websiten das die meisten noch mit dem IE6 surfen! Der IE6 ist der meist verbreiteste Internet Explorer! Also würde ich eine Optimierung auf den IE6 auch wenn es schwer fällt vorschlagen!
-
media.css /* Layout */ html, body, p{ margin:0; padding:0; } body{ min-height:101%; position:relative; color:#000; background:#fff; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; } #container{ position:absolute; width:1024px; left:50%; margin-left:-512px; } #headerbox { position:relative; height:215px; } #contentbox { clear:both; width:auto; background: #ccc url(faux.png) repeat 50% 0; } #headerleft { float:left; height:215px; width:125px; background-color:#33C021; } #headerright{ float:right; height:215px; width:149px; background-color:#33C021; } #headermiddle{ width:auto; height:215px; margin-left:125px; margin-right:149px; background-color:#4EB6C1; } #sideleft { float:left; width:125px; z-index:2; } #sideright { float:right; width:149px; z-index:3; } #content { width:auto; margin-left:125px; margin-right:149px; z-index:1; background-color:#D2D2D2; padding:10px; } #ie_clearing{ display:none; } #footer { clear:both; height:25px; background-color:#f7f7c6; } /* Style */ p{ color:#006633; margin-bottom:1em; } a:link { font-weight: bold; text-decoration: underline; } a:hover { color: #008000; } index.html <!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"> <head> <link href="media.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="headerbox"> <div id="headerleft"> </div> <div id="headerright"> </div> <div id="headermiddle"> </div> </div> <div id="contentbox"> <div id="sideleft"> </div> <div id="sideright"> </div> <div id="content"><p> CONTENTtttttttttttttttttttttttttttttttttttttttttttttttttt tttttttttttttttttt ttttttttttttt ttttttttttt ttttttttt t t tttttttttttt tttttttttttttttttttt t ttttttttttttttttttttttt tt ttttttttttt t tt tttttt</p><br>CONTENT<br>CONTENT<br>CONTENT<br>CONTENT<br>CONTENT<br>CONTENT<br>CONTENT<br>CONTENT<br>CONTENT<br></div> <div id="ie_clearing"> </div> </div> <div id="footer"> </div> </div> </body> </html> Dein Problem mit der Lücke lag an p. Erstens du hast p nicht geschlossen mit </p> und zweitens p hatte noch margin-top drin und somit kam diese Lücke zustande! Ich habe das margin von p zurückgesetzt und nur ein maring-bottom übergeben! Den Seitenabstand im contenbreich machst du mit padding Achja und ich habe mir mal erlaubt das Layout mittig zu setzen! Indem ich im #container position:absolute; left:50% und left-margin:-512px eingefügt habe! left-margin muss immer die hälfte von der gesamtgröße des Layers haben! 1024 / 2 = 521 Bei weiteren Fragen einfach melden!
-
Meine Fresse hast du ein CSS Salat Ich werde mal schaun was sich da machen lässt!
-
Hier steht alles drin Das Clearing von #col3: Yet Another Multicolumn Layout | An (X)HTML/CSS Framework Und hier hast du alle Befehle die es in CSS gibt! CSS 4 You - The Finest in Stylesheets Good Luck & Have Fun
-
Suche ein spezielles HTML-Input Element
CaRvA antwortete auf Grinse-Hinze's Thema in Skript- und Webserverprogrammierung
<form enctype="multipart/form-data" method="post"> <input name="userfile" type="file"> <input name="Senden" type="Submit" value="Senden"> </form> Auslesen: $_FILES['userfile']['name'] //Der ursprüngliche Dateiname auf der Client Maschine. $_FILES['userfile']['type'] //Der Mime-Type der Datei, falls der Browser diese Information zur Verfügung gestellt hat. Ein Beispiel wäre "image/gif". $_FILES['userfile']['size'] //Die Größe der hochgeladenen Datei in Bytes. $_FILES['userfile']['tmp_name'] //Der temporäre Dateiname, unter dem die hochgeladene Datei auf dem Server gespeichert wurde. $_FILES['userfile']['error'] //Der Fehlercode im Zusammenhang mit dem hochladen der Datei. ['error'] wurde in PHP 4.2.0 eingeführt. [/PHP] -
Nicht verzweifeln Also hier hast du ein Layout was 100% in jedem Browser funktioniert! <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Unbenanntes Dokument</title> <style type="text/css"> body, html{ margin:0; padding:0; } html{ height:100%; } body{ min-height:101%; font-size:100.01%; position:relative; color:#000; background:#fff; text-align:left; } #page{} #header{ position:relative; background-color:#00FFFF; height:150px; } #topcol1{ position:absolute; top:0px; left:0px; width:200px; height:150px; background-color:#838301; } #topcol2{ position:absolute; top:0px; right:0px; width:200px; height:150px; background-color:#008306; } #main{ clear:both; width:auto; } #col1{ float:left; width:200px; height:600px; z-index:2; background-color:#FF00FE; } #col2{ float:right; width:200px; height:600px; z-index:3; background-color:#840183; } #col3{ width:auto; margin-left:200px; margin-right:200px; height:600px; z-index:1; background-color:#C5C3C6; } #ie_clearing{ display:none; } #footer{ clear:both; height:150px; background-color:#FFFF83; } </style> </head> <body> <div id="page"> <div id="header"> <div id="topcol1"></div> <div id="topcol2"></div> </div> <div id="main"> <div id="col1"></div> <div id="col2"></div> <div id="col3"></div> <div id="ie_clearing"></div> </div> <div id="footer"></div> </div> </body> </html>
-
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Unbenanntes Dokument</title> <style type="text/css"> body{ padding:0; margin:0; } #page{ position:absolute; left:0px; bottom:0px; top:0px; right:0px; width:100%; height:100%; } #header{ position:absolute; left:0px; top:0px; height:148px; width:100%; background-image:url(images/layout/header.jpg); background-repeat:repeat-x; } #main{ position:absolute; top:148px; bottom:35px; left:0px; right:0px; width:100%; height:auto; } #footer{ position:absolute; bottom:0px; left:0px; right:0px; height:35px; background-image:url(images/layout/footer.jpg); background-repeat:repeat-x; } </style> </head> <body> <div id="page"> <div id="header"> </div> <div id="main"><?php include("content.php"); ?></div> <div id="footer"><?php echo $footer_text; ?></div> </div> </body> </html> Warnung! Nicht IE 6 sicher und was darunter ist! Aber warum willst du das die Page immer 100% hoch ist? Dann kannst du ja gleich Frames benutzen!
-
Hallo, ich bin 19 Jahre alt und schließe nächstes Jahr meine Ausbildung zum Fachinformatiker Anwendungsentwickler ab. Ich weiß jetzt aber noch nicht was nach der Ausbildung auf mich zu kommt. Also übernommen werde ich schonmal nicht das steht schonmal fest... Jetzt ist die Frage was danach kommt. Denke mal das sich jetzt irgendwann mal die Bundeswehr meldet und mich zur Musterung schickt. Hätte da jetzt mal eine Frage. Hat jemand vielleicht Erfahrungen was man da so machen kann Weiterbildungsmäßig? Ich kann mir noch nicht so wirklich vorstellen wie es für mich weiter geht! Wäre für jeden Tipp dankbar...
