HTML - Ie Putting In Extra Space
Hi everybody!
I'm doing a page and IE keeps putting more space in between table cells than I have specified. Here's the link: http://renewforest.com/test The page is basically a table in a div layer, I have made the table have a 2px cellspacing, it works great for the top 3 cells but puts a few pixels after these first 3 cells, destroying my nifty 2 pixel separation. Also, I have given some cells (the td.topfade attributed ones that is) some left and right padding, BUT NO TOP PADDING, yet Safari and Firefox both put in some padding on the top. Oddly enough, IE obeys the CSS'ed padding, huh. Any ideas? Thanks in advance! (Because this also deals with CSS I am posting this to the CSS section as well, if this is a big no no please let me know.) Similar TutorialsHi all, I'm a beginner with XHTML, creating my very first website, so please forgive me if this should be a stupid question: I crated a table with 6 colums. Each column has a border. I'd like to set the 1st column on the left side, and the other 5 columns without a space between them on the right side. But there is still space between them. What am I doing wrong?? By the way - the 5 colums on the right side contain pictures. They are supposed to be in the middle with the same distance around to the border - doesn't work either ... the picture stucks at the top - but at least horizontally in the middle ... HTML Code: <TABLE style="cellpadding:0; cellspacing:0; width:85em;"> <TR> <TD> <DIV style="float:left; background-color:#f5f5f5; border:1px solid #CC6699; width:10em; height:5em; text-align:left;"> <B>text</B> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="PICTURE"> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="PICTURE"> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="PICTURE"> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="PICTURE"> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="PICTURE"> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="FLAG OF CHILE"> </DIV> </TD> </TR> </TABLE> Hello, Im making my navigation bar with a mouse over effect on the buttons. however im getting "extra space" under the command. A blank page can be seen at saracrew.org/blank.html Any help is greatly appricated, Thanks! <!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> <title>SARAcrew.org</title> <link rel="stylesheet" type="text/css" href="general.css" /> </head> <body bgcolor="505769" leftmargin=0 topmargin=0> <table border="0" cellspacing="0" cellpadding="0" bgcolor="505769"> <tr><td colspan="4"> <table border=0 cellpadding=0 cellspacing=0> <tr> <td colspan="4"><img src= "images/banner1.jpg" alt="banner" /></td> </tr> <tr> <td><table border=0 cellpadding=0 cellspacing=0> <td><img src= "images/left_vbar_nav.gif" alt="vbar" /></td> <td> <table border=0 cellpadding=0 cellspacing=0> <tr><td><img src= "images/nav_bar_1.gif" /></td></tr> <tr><td><a href=home.html><img src="images/home_off.gif" onmouseover="this.src='images/home_on.gif'" onmouseout="this.src='images/home_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_2.gif" /></td></tr> <tr><td><a href=news.html><img src="images/news_off.gif" onmouseover="this.src='images/news_on.gif'" onmouseout="this.src='images/news_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_3.gif" /></td></tr> <tr><td><a href=results.html><img src="images/results_off.gif" onmouseover="this.src='images/results_on.gif'" onmouseout="this.src='images/results_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_4.gif" /></td></tr> <tr><td><a href=board.html><img src="images/board_off.gif" onmouseover="this.src='images/board_on.gif'" onmouseout="this.src='images/board_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_5.gif" /></td></tr> <tr><td><a href=pictures.html><img src="images/pictures_off.gif" onmouseover="this.src='images/pictures_on.gif'" onmouseout="this.src='images/pictures_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_6.gif" /></td></tr> <tr><td><a href=orange_oar.html><img src="images/orange_oar_off.gif" onmouseover="this.src='images/orange_oar_on.gif'" onmouseout="this.src='images/orange_oar_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_7.gif" /></td></tr> <tr><td><a href=dues.html><img src="images/dues_off.gif" onmouseover="this.src='images/dues_on.gif'" onmouseout="this.src='images/dues_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_8.gif" /></td></tr> <tr><td><a href=info.html><img src="images/info_off.gif" onmouseover="this.src='images/info_on.gif'" onmouseout="this.src='images/info_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_9.gif" /></td></tr> <tr><td><a href=email.html><img src="images/email_off.gif" onmouseover="this.src='images/email_on.gif'" onmouseout="this.src='images/email_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_10.gif" /></td></tr> </table> </td> <td><img src= "images/right_vbar_nav.gif" alt="vbar" /></td> </table></td></tr> </table> </td> </tr> </table> </td></tr> </table> </body> </html> Everything else has been great there is just one problem Mozilla Firefox shows it the way it should but IE keeps showing extra white space on top of my menus. Explain why this is and give me a solution and I know that negative margins is not the right solution so don't suggest that . thanks, I have built a table and it is doing something strange and I would like to know why. It is creating an extra line of blank space before displaying the text in a cell. This cell is within a table that is nested within another table. It's strange because it only has this behavior in Firefox, but not in IE. When I remove this nested table and put it in an HTML file all by itself, the behavior goes away, and the text butts up against the top of the cell like it is intended. The cell in question has nothing but text within it. If I take the original HTML file away from the style sheet it's linked to and away from all the images associated with it, and simply paste the HTML file to my desktop and open it, the blank line is still there. One other thing that is strange to me--when I open the "naked" file from my desktop in IE, IE creates placeholders for all the missing image files so I can see what's going on. When I open the file in FireFox, there are no placeholders, but rather it just recreates the table and shrinks it as if the images are not even there. I'm not exactly sure what code is creating the blank line, otherwise I would post it. So short of pasting in my entire HTML document, I thought I'd describe it and see if anyone has any ideas or may be able to give me some clues. If none of this does any good without the code in question, I'd be happy to post some. Thanks! My site name is juicersuperstore.com, I have an image right in the center of the site but there is extra blank space on top and at the bottom of the image and I have tried desperately to fix that but I ave not been able to. From the page source, the area with the blank space looks like this <td width="100%" valign="top"> <table border="0" width="100%" cellspacing="0" cellpadding="1"> <tr> <td><table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr><td><div align="center"><img src="images/Template-1_21.jpg" alt="" border="0"></div> </td></tr> <tr> <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td> </tr> <tr> <td class="mphead"><!-- D Main_page //--> <img alt="shop for juicers for low low prices" border="0" height="330" src="http://www.juicersuperstore.com/images/frontpic.jpg" title="juice superstore" width="520" /><img alt=" " border="0" src="https://www.juicersuperstore.com/admin/" /> <!-- Main_page eof //--> </td></tr> <tr> <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td> </tr> The middle image name is frontpic.jpg, please any help would be very appreciated. Thanks For some reason, I have a lot of extra space at the top of my page. What could be causing this and how do I fix it? hello, i have a html code with an horizontal flash menu containing 6 flash buttons. the code is like this HTML Code: .....<td width="790" height="30" colspan="2" > <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="131" height="30" > <param name="movie" value="2.swf" /> <param name="quality" value="high" /> <embed src="2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="131" height="30"></embed></object> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="131" height="30"><param name="movie" value="3.swf" /> <param name="quality" value="high" /> <embed src="3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="131" height="30"></embed> </object>..... ... the other 4 flash buttons when i run IE everything is ok but in opera there is an extra space between every 2 flash buttons and i really dont know where that came neighter how to remove them.. thank you, is the first time i enter this forum and it really looks great.my best regards to admins. Hi, I'm having a problem with internet explorer and I don't know how to fix it... See the website I'm working on... In Firefox everything is fine...But in Explorer (version 7) you can see a gap below the main horizontal menu (extra white space of 2 or 3 pixels)...And there is also a 1 pixel gap on each side of the web site (see the vertical lines). What can cause that? Is there a way to fix this? Thanks in advance.. I did a test : I created a html file with only a small part of the code and the problem is still there...You can take a look at this test he test2 Hi, I'm coding a HTML page, in which I see lot of space between my header(<h2></h2>) and the contents of the page. The contents of my page happens to be a form with a lot of fields enclosed in the table tag.. Any pointers on how to get rid of the extra space would be highly helpful. this is how the structure of my HTML code looks: <html> <body> <form> <table> <!-- a lot of fields here...--> </table> </form> </body> </html> Thanks in advance. So often when I create a form, a simple form with one text box the form tag adds a bunch of space below when I want it "lean" with zero space. For example a table row... <table> <tr bgcolor="#ffcc33"> <td valign="top" align="left" width="25%"></td> <td valign="top" align="center"><form action="http://www.sanluisshopper.com/search_businesses.php" method="GET" name="search"><input type="Text" name="search" size="20" name="search"><input type="Submit" value="Shop!"></form> </td> <td valign="top" align="right" width="25%"></td> </tr></table> Is there any way to eliminate this extra space? This has driven me batty! Thanks. Hi Experts, I have an Iframe on a simple page. I am seeing an usual big white space between the header and the Iframe in Internet Explorer.. Same link is working fine on Firefox. how do i make it work in IE as well. PS: I have attached the snapshot of page. Code: <html> <head> <style type="text/css"> @import url("/analytics/static/styles/intranet.css"); /* main stylesheet */ @import url("/analytics/static/styles/intranet-2col.css"); /* column stylesheet */ @import url("/analytics/static/styles/intranet-2col-1024.css"); /* 1024px stylesheet */ </style> <script language="JavaScript" src="/analytics/static/Fusion/FusionCharts/FusionCharts.js"></script> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="GENERATOR" content="Rational Application Developer"> </head> <body> <div id="page-wrapper"><%@include file="Header.jsp"%> <div id="column-wrapper"><!-- begin columns --> <%@include file="NEW_TOOLBAR.jsp"%> <div id="content"><!-- begin content column --> <div class="inner"> <iframe src="chart.html?chartType=${detailForm.chartType}&chartGroup=${detailForm.chartGroup}&chartSubgroup=${detailForm.chartSubgroup}&liabilityCode=IRU&timeline=${detailForm.timeline}&width=600&height=400" frameborder="0" scrolling="no" width="700" height="430" align="top"></iframe> <p><small> </small></p> </div> <!-- end content column, then column wrapper --></div> </div> <%@include file="Footer.jsp"%></div> </body> I'm trying to place a DIV directly below an IFRAME with no space inbetween. Please see this sample page: http://www.esaba.com/space.html When viewed in Firefox, there is an extra space between the IFRAME and the DIV. If I remove the DOCTYPE, it displays correctly. This is for a webpage widget I am developing which writes the IFRAME and DIV into the page through javascript. Because the widget will be placed on many different pages which I don't have control over, it needs to look the same (with no space) regardless of the DOCTYPE or other attributes. Please help me figure out how to remove the extra space. Thanks! i almost went crazy trying to troubleshoot this one... thought i'd share. HTML Code: <style type=text/css> a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px;} </style> <table width="200" border="0" cellspacing="0" cellpadding="0"><tr> <td width="100" valign="top"> <a href="link">Sample text </a> <td width="100" valign="top"> <a href="link">Sample text</a> </td></tr></table> Turns out a "space" at the end of the link text pushes the text upwards slightly. Simply remove the space (or add on to the other line) or use the space code [ ] The css also plays a part, this doesn't appear happen when text is "unformatted" I've made a layout for a sim site however I can't workout why I can't get the text to go where I want. Code: Code: <table width=95%><tr><td><center><div style="background-image:url(http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/bernipngnewlayout.jpg); width:700px; height:700px;"> <br><br><br><br><br><br><br><br> <body><style type="text/css"> .container { width: 300px; height: 500px; top:100px; overflow: auto; overflow-y: hidden; border: 0px; } .section { height: 500px; overflow: auto; } </style> <table width="100px"><tr><td> <div style="width: 300px; height: 500px; border: 0px;"> <html> <br><a href="#ABOUTOWK"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/ABOUTOWK.png" border="0"></a> <br><a href="#ABOUTME"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/ABOUTME.png" border="0"></a> <br><a href="#SERVICES"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/SERVICES.png" border="0"></a> <br><a href="#MYTAGS"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/MYTAGS.png" border="0"></a> </div> </td><td> <div class="container"> <html> <head> <FONT COLOR=" #000000"> <a name="ABOUTOWK"></a> <div class="section"> <br><br><center> <u>English ****er Spaniels</u><br> OWK is currently specializing in English ****er Spaniels. OWKs are proud that we've raised the top ****ers on Mutt-z. Our ****ers are currently trained in Agility and Flyball. Although, we want the best all-rounder dogs. <p> <u>Bernese Mountain Dogs</u><br> At the moment OWK has a pair of Bernese Mountain Dogs, whose their stats are being raised. They are named after mountains from their birthplace the Swiss Mountain Range. <p> <u>English Springer Spaniels</u><br> OWK also has a pair of Springers, who will be interbred with my ECSs to create Sprockers. The most awesome mix on the planet. xD </center> </div> <br><br> <a name="ABOUTME"></a> <div class="section"> <br><br><center> Hey! :D I'm Bernie! I'm 16 years old and live in West Sussex, England. I've always lived here and have been out of Europe twice. XD I've been to Italy once and have been to Northen France a few times. <br> I have a 4 year old English ****er Spaniel whom I ADORE! She has me firmly wrapped around her little paw. n-n Ruby is the inspiration for my kennel and my love of dog training. </center> </div> <a name="SERVICES"></a> <div class="section"> <br><br><b>Manips</b> - If you want a manip done, PM me. <br> <b>Layouts </b>- If you want a layout done, PM me. Price depends on complexity. </div> <a name="MYTAGS"></a> <div class="section"> <br><br><center> <MARQUEE direction="up" width="75%"><img src=http://i74.photobucket.com/albums/i253/Fish_Outta_Water_/leno2.gif><img src=http://img210.imageshack.us/img210/3231/berniesdf8.png><img src=http://i94.photobucket.com/albums/l110/Ren_041/Sales/howlingwolfbernie.gif><img src=http://mutt-z.com/images/avatars/1451.png><img src=http://i408.photobucket.com/albums/pp169/berniemad/avi1-32.png><img src=http://i408.photobucket.com/albums/pp169/berniemad/FF/Stafftag-bernie.png> </MARQUEE> <p> My character <a href="http://i844.photobucket.com/albums/ab3/bernie-mad/Stoat.png">Stoat</a>! <p> <a href="http://i844.photobucket.com/albums/ab3/bernie-mad/Stoat.png"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/Stoat.png" width=200px length=200px></a> </center></FONT> </div> </div> </td></tr></table></style></head></body></td></tr></table> This is my code and im trying to put <div id="background"> into a table so when the screen resolution is bigger or smaller it makes it fit like the rest of the page URL: http://mylocalmenu.co.uk/test.html HTML Code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Find your local takeaway menu's here"/> <meta name="keywords" content="my local menu, my local takeaway,local takeaway, local takeaways, Takeaway, Take away, takeaway, take away, food, kebab, donner, menu, Deal menu's, local menu's, local menu, local takeaway, deal, kent"/> <meta name="author" content="Ashley Sargent"/> <title>My Local Menu</title> <meta charset="iso-8859-1" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="advert.css" type="text/css" /> </head> <body> <div id="background"> <div class="freeadvertspace"> <script type="text/javascript"><!-- google_ad_client = "ca-pub-2350274685081572"; /* dclxvi add */ google_ad_slot = "6428215554"; google_ad_width = 160; google_ad_height = 600; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <ul class="navigation"> <div class="navi"> <div id="header-content"> <div style="position: relative"> <li><a href="index.html">Home</a></li> <li><a href="#">Locations A - H</a> <ul> <li><a href="#">Bedfordshire</a></li> <li><a href="#">Berkshire</a></li> <li><a href="#">Bristol</a></li> <li><a href="#">Buckinghamshire</a></li> <li><a href="#">Cambridgeshire</a></li> <li><a href="#">Cheshire</a></li> <li><a href="#">Cleveland</a></li> <li><a href="#">Cornwall</a></li> <li><a href="#">Cumbria</a></li> <li><a href="#">Derbyshire</a></li> <li><a href="#">Devon</a></li> <li><a href="#">Dorset</a></li> <li><a href="#">Durham</a></li> <li><a href="#">East Ridings<br> Of Yorkshire</a></li> <li><a href="#">Essex</a></li> <li><a href="#">Gloucestershire</a></li> <li><a href="#">Hampshire</a></li> <li><a href="#">Herefordshire</a></li> <li><a href="#">Hertfordshire</a></li> </ul> <li><a href="#">Locations I - S</a> <ul> <li><a href="#">Isle Of Man</a></li> <li><a href="kent.html">Kent</a></li> <li><a href="#">Lancashire</a></li> <li><a href="#">Leicestershire</a></li> <li><a href="#">Linconshire</a></li> <li><a href="#">London</a></li> <li><a href="#">Middlesex</a></li> <li><a href="#">Norfolk</a></li> <li><a href="#">North Yorkshire</a></li> <li><a href="#">Northamptonshire</a></li> <li><a href="#">Northumberland</a></li> <li><a href="#">Nottinghamshire</a></li> <li><a href="#">Oxfordshire</a></li> <li><a href="#">Rutland</a></li> <li><a href="#">Shropshire</a></li> <li><a href="#">Somerset</a></li> <li><a href="#">South Yorkshire</a></li> <li><a href="#">Staffordshire</a></li> <li><a href="#">Suffolk</a></li> </ul> <li><a href="#">Locations S - Z</a> <ul> <li><a href="#">Surrey</a></li> <li><a href="#">Sussex</a></li> <li><a href="#">Tyne And Wear</a></li> <li><a href="#">Warwickshire</a></li> <li><a href="#">West Midlands</a></li> <li><a href="#">West Yorkshire</a></li> <li><a href="#">Wiltshire</a></li> <li><a href="#">Wirral</a></li> <li><a href="#">Worcestershire</a></li> <li><a href="#">Yorkshire</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="#">N/A</a></li> <li><a href="#">N/A</a></li> <li><a href="#">N/A</a></li> <li><a href="#">N/A</a></li> <li><a href="#">N/A</a></li> </ul> </li> <li><a href="#">Contact Us</a> <ul> <li><a href="#">United Kingdom</a></li> </ul> </li> </ul> <table width="100%" height="100%" border="0" > <tr> <td height="8.5%" > TOP </td> </tr> <tr valign="top"> <td width="21.4%"> LEFT SIDEBAR </td> <td style="background-image: url('images/Main_Menu_Background.jpg'); background-position:;"> <td width="21.4%"> RIGHT SIDEBAR </td> </tr> <tr> <td height="15.5%" colspan="3">BOTTOM <center><span>© Copyright © 2011.</span> <span><a href="test.html">My Local Menu</a> all rights reserved</span></center> </td> </tr> </table> </div> </div> </div> </div> </body> </html> Where "top" is i put <div id="background"> but it dosnt work it just dissapears, btw <div id="background"> is the top part of my website "My local menu" bit, i will also add the css code for it below. HTML Code: <table width="100%" height="100%" border="0" > <tr> <td height="8.5%" > TOP </td> </tr> <tr valign="top"> <td width="21.4%"> LEFT SIDEBAR </td> CSS CODE BELOW: HTML Code: #background{ background-image:url('../images/bg-page-top-curve.jpg'); background-repeat:no-repeat; background-position:top center; Hey, I'm wanting to know how to place videos on a webpage that are personal to the website, in other words.. not a YouTube video. Like this for instance: http://www.stomperblog.com/darrin-mi...al-case-study/ How can i set up a video like this on a website? Do i need a certain program? Thanks! I try to put 2 Objects (probably the wrong word) in a line. I tried div, float and span. I think i just used them in the wrong Way, so may someone here can help me out? Code: <?if($CHAT_BOX$)?> <div class="boxContent" style="width: 50%;"> <div align="center">$CHAT_BOX$<?endif?> <?if($MYINF_5$)?> <div class="boxContent" style="width: 50%;">$MYINF_5$</div> </div> </div><?endif?> Thats the Code, its always Displayed $CHAT_BOX $MYINF_5$ i want it to be $CHAT_BOX $MYINF_5$ ------------------------------------ Hey there. I have created the site saskannouncements.ca. If you go to create a post, you'll see I have set up an OK looking submission form. Here's the problem, you see what the people submit is sent to my email. because I'm just using this free thing off the internet. Now what I want, is I want to Posts to be automatically posted to where the posters sent it. How do I set that up? Basically I want it so they automatically post, and I don't have to copy and paste them in each time. I just want to moniter them as they automatically are placed. Can anyone help me on this please? Thanks alot. I really appreciate it. Also if you've got any other pointer's for my new site Feel free to let me know. Looking forward to hearing from you! I am failry new to html and I need some help. I have a link on a page. When it is clicked I want another page (which is basically made up of a small 2X3 table) to appear on the same page as the link. I am trying to do this without using frames as they are becoming depriciated. I try to put 2 Objects (probably the wrong word) in a line. I tried div, float and span. I think i just used them in the wrong Way, so may someone here can help me out? Code: <?if($CHAT_BOX$)?> <div class="boxContent" style="width: 50%;"> <div align="center">$CHAT_BOX$<?endif?> <?if($MYINF_5$)?> <div class="boxContent" style="width: 50%;">$MYINF_5$</div> </div> </div><?endif?> Thats the Code, its always Displayed $CHAT_BOX $MYINF_5$ i want it to be $CHAT_BOX $MYINF_5$ |