Autor |
Nachricht |
Benutzer 4545
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mo 13.10.2008 20:11
Titel Problem mit <form> und höhe in ie --------solved |
|
|
hallo ihr lieben,
ich lege gerade ein layout an. das problem ist, das in firefox alles gut aussieht und in ie der kasten, in dem die suche drin, ist höher ist als er soll. die höhe soll 26 px sein. aber ie reagiert auf gar keine höheneinstellungen.
habe den verdacht das es daran liegt, was `drin`ist.
hier der code, ich hoffe ihr habt eine idee....
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="box">
<div id="head"><img src="bilder/head-logo.jpg" alt="xxx"></div>
<div id="suche"><!--code von der suchmaschienengenerierung für den button-->
<form name="SearchForm" action="sessearch.php">
<input name="enc" type="hidden" value="iso-8859-1">
<span style="position:relative; top:-5px; left:10px;"><input type="text" name="q" size="22"></span>
<span style="position:relative; top:1px; left:15px;">
<input type="image" src="xxx" ></span>
</form>
<!--code endet hier--> </div>
<div id="nav1">
<ul>
<li><img src="bilder/button-start.jpg" alt="Startseite"></li>
<li><img src="bilder/button-onlinekatalog.jpg" alt="Online-Katalog"></li>
<li><img src="bilder/button-katalogpdf.jpg" alt="Katalog"></li>
<li><img src="bilder/button-katalogbestellung.jpg" alt="<Katalogbestellung"></li>
<li><img src="bilder/button-druckdaten.jpg" alt="Druckdaten anliefern"></li>
<li><img src="bilder/button-agb.jpg" alt="AGB/Impressum"></li>
</ul>
</div>
<div id="links">links</div>
<div id="main">main</div>
<div id="rechts">rechts</div>
<div id="unten">unten</div>
</div>
</body>
</html> |
css
Code: |
html
{
padding:0px;
margin:0px;
}
body
{
background-color: #ffffff;
margin:0px;
padding:0px;
font-size: 12px;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#006699;
}
/*umschliesst das gesamte layout*/
#box
{
width:955px;
margin:0% auto;
padding:0px;
}
/*die linke spalte, welche das linke menü enthalt*/
#links
{
width:170px;
height:752px;
margin: 10px 10px 0px 0px;
padding:0px;
float:left;
background-color:#006699;
}
/*der mittelteil*/
#main
{
width:561px;
height:752px;
margin:10px 10px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
overflow: auto;
background-color:#006699;
}
/*die rechte leiste*/
#rechts
{
width:204px;
height:752px;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
background-color:#006699;
}
/*die rechte leiste*/
#unten
{
width:955px;
height:608px;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
background-color:#002255;
}
/*der kopf*/
#head
{
width:955px;
height:74px;
margin:0px;
padding:0px;
}
#suche
{
float:left;
width:355px;
height:26px;
padding:0px;
margin: 0px;
background-color:#014691;
}
#nav1
{
float:left;
width:600px;
height:26px;
padding:0px;
margin: 0px 0px 0px 0px;
}
#nav1 ul
{
margin:0px 0px 0px 0px;
padding: 0px;
list-style-type: none;
}
#nav1 li
{
width:100px;
height:26px;
float: left;
margin: 0px;
padding: 0px;
list-style-type: none;
display:block;
} |
screenshot firefox, so soll es aussehen
screenshot explorer, der kasten links bei der suche ist zu hoch
Zuletzt bearbeitet von am Di 14.10.2008 19:34, insgesamt 1-mal bearbeitet
|
|
|
|
|
jilalleinzuhaus
Dabei seit: 26.01.2007
Ort: Frankfurt am Main
Alter: -
Geschlecht:
|
Verfasst Di 14.10.2008 11:03
Titel
|
|
|
Versuch doch mal die Schriftgröße des Input-Feldes zu bestimmen.
Code: | input { font-size: 12px; } |
Musst halt ausprobieren wieviel Pixel die Schriftgröße haben muss.
|
|
|
|
|
Anzeige
|
|
|
Benutzer 4545
Account gelöscht Threadersteller
Ort: -
|
Verfasst Di 14.10.2008 18:36
Titel
|
|
|
hallo, danke für die antwort, leider ändert isch da nix...
hat sonst noch jemand eine idee? :
es liegt auf jeden fall an dem inhalt, wenn ich diesen auskommentiere funktioniert es.
habe auch input schon mit margin und padding 0 getestet. aber das bringt leider auch nix...
Zuletzt bearbeitet von am Di 14.10.2008 18:38, insgesamt 1-mal bearbeitet
|
|
|
|
|
pRiMUS
Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht:
|
Verfasst Mi 15.10.2008 07:46
Titel
|
|
|
ich sehe ein "solved" im topic, aber keine lösung? sehr schön für die suchenden.
|
|
|
|
|
Ryanthusar
Dabei seit: 11.10.2004
Ort: Augsburg
Alter: 45
Geschlecht:
|
Verfasst Do 16.10.2008 09:54
Titel
|
|
|
Jop, wäre nett wenn Flowi die Lösung hier posten könnte.
|
|
|
|
|
Benutzer 4545
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mo 27.10.2008 19:19
Titel
|
|
|
sorry
habe einfach dieses ins css eingefügt und dann ging es
Code: | form
{
padding:0px;
margin: 0px;
} |
lg
|
|
|
|
|
|
|
|
Ähnliche Themen |
[SOLVED] <div>-Tag Problem mit relativer Weite bzw. Höhe
[solved]CSS Problem im IE bei form input und label
[SOLVED] Userfriendly URLs -> Form Problem
PHP Form [Solved]
[solved] Wie skinne ich ein <form> <select> drop down?
DIV Problem - 100% Höhe
|
|