|
HTML - Clear Both In Ie8
Hi, after testing my site in IE8 I've discovered a large bug with my site - right now I am using this tag to make my contianer div extend til the navigation and content is finished:
Code: <br style="clear: both;" /> However, this code doesn't work in IE8 and the container DIV becomes way too short. I've researched online and I've found this is a known issue with IE8, but I haven't found a way to circumvent it - is there another way? Thanks Similar TutorialsSeems I read somewhere that the <clear> tag is now deprecated. I find great use for it and wonder if it really is deprecated. Here is how I use it to line up text with images: <img src="museum.jpg" class="floatLeft imgborder" style="width: 350px; height: 350px;" alt="museum" title="artifacts"> <p>27. Make a "Museum Shelf." This is one of ours. On it we set all sorts of neat things that we find in the wilds. Another has all sorts of different shapes of diamonds found in our Diamond Willow.</p> <BR CLEAR="all"> Is that still OK? Is there a simple way to clear a field on submit? I have a very simple form with a single field, an email address. When I hit submit, I want the input that has already been entered to clear. <label for="email">E-mail: </label> <input type="text" name="email" id="email" onfocus="this.value = '';" value="<?php get_data("email"); ?>" /><br /> <input type="submit" name="submit" id="submit" value="Submit" <?php if (isset($disable) && $disable === true) echo ' disabled="disabled"'; ?> /> Thanks! hi there, i am working on a page: http://test.furryfrog.co.uk/rokka/private i cant get the content to clear on the right hand side and extend the content area to 100%? i have tried all manner of clears, end divs, 100%heights but i just cant get it. any help is most appreciated. Regards Neil Greetings. I have written a random lottery number generating program in dhtml. The program can generate hundreds of 6 number set lottery numbers in one go. These number sets are written on a frame. To clear this frame, I have to refresh the whole web page. After that, new number sets overwrite the previous ones. Please is there an easier and a better way to clear this frame? please click http://2move.me.uk/londoner.html to check to see what I mean. Regards [SOLVED!] I have a basic input box with a default value of "Enter Your Email Address". I am looking to have that clear as soon as the user clicks in the text area to type their address. Any suggestions on how to do this? Hi, adding rows with the clear:both; attribute causes a huge slow-down and I need an alternative or a solution. I'm composing a friend's resume in html. I'm using nested divs to create a two column format. Each row is a div block that contains two smaller divs--one for each column. Each row uses the attribute clear:both; so that the next row will form cleanly beneath it. I am getting the desired format, but as I add more and more rows, the web browser becomes dramatically slower. 20 rows will make the page un-loadable and the browser crashes. Am I doing something wrong or is there another way to do this? I have posted clear images in 1634x200 header slices on photobucket. However, being new to html coding and writing code, when I code using the following, the images come out all blurry. Is there something in the code that may be altering the image resolution from its native crisp, sharp source files? I have tried jpg, png and used both a large file and exact matching file in terms of dimensions and I continue to get the same blurry results. Thanks. Here is the code: <!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=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="100%" border="0" align="center"> <tr> <td align="center"><a href="http://stores.ebay.com/Summit-DVD-Movies-and-Blu-Ray-Disc?_rdc=1"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/header_logomain-4.png" alt="header_logo_top" width="1634" height="169" border="0" /></a> <img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/header_LLowCorner-1.png" width="58" height="31" alt="header_corn" /><a href="http://stores.ebay.com/Summit-DVD-Movies-and-Blu-Ray-Disc?_rdc=1"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/but_home-1.png" width="84" height="31 " border="0" /></a><a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=summit_dvd"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/but_about-1.png" width="84" height="31" border="0" /></a><a href="http://stores.ebay.com/summitdvdmoviesandbluraydisc/pages/policies__W0QQ_modeZpreview"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/but_policies-1.png" width="84" height="31" border="0" /></a><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/EbayHdr1634x200r3_07.png" alt="header_bot_bg" width="1324" height="31" /></td> </tr> </table> </body> </html> Hi all, Just wondering if it's possible to have a "clear cache" function on a website? Is it possible to clear just that particular website or does the entire history get wiped? I ask because I want my visitors to be able to reset what links they have visited on the site. So if there is any other suggestions to achieve this, they would be appreciated as well. Thanks. hey all, here's my site http://www.nativboardriding.com/shopb.htm this paypal form was originally given to me in table format and i dismantled it into divs.. cuz divs are way better obviously.. well.. i'm setting it up like this: <form> Line 1 (all elements float left): first paypal option >> descriptions <br clear="all"> Line 2 (all elements float left): second paypal option >> descriptions <br clear="all"> Line 3 (all elements float left): third paypal option >> descriptions <br clear="all"> Buy now button </form> seems simple enough.. but as u can see the divs arent stacking like i want.. i've dealt with divs a lot and troubleshot it everytime.. i feel like the fact that its embeded in a form that the <br clear="all">'s arent working... seems ridiculous but i cant find any errors. any ideas?? thx |
|||||||