Is your text appearing vertically in Internet Explorer?

I'm having an issue with my small single page website where the text in a form is displaying vertically instead of horizontally in Internet Explorer. The problematic part is related to "vehicle condition." Any suggestions on what I might be doing wrong? You can view my site here - . I have included the relevant code below.

 <div class="wdform-page-and-images" style="display:table; border-top:0px solid black;">
 <div id="form_id_tempform_view1" class="wdform_page" page_title="Untitled page" next_title="Next" next_type="text" next_class="wdform-page-button" next_checkable="false" previous_title="Previous" previous_type="text" previous_class="wdform-page-button" previous_checkable="false">
      <div class="wdform_section">
           <div class="wdform_column">
                <div wdid="1" class="wdform_row">
                     %1 - Name:%
                </div>
                <div wdid="2" class="wdform_row">
                     %2 - Phone:%
                </div>
                <div wdid="3" class="wdform_row">
                     %3 - E-mail:%
                </div>
                <div wdid="11" class="wdform_row">
                     %11 - Vehicle Description: %
                </div>
           </div>
           <div class="wdform_column">
                <div wdid="6" class="wdform_row">
                     %6 - Vehicle Year:%
                </div>
                <div wdid="5" class="wdform_row">
                     %5 - Vehicle Make:%
                </div>
                <div wdid="12" class="wdform_row">
                     %12 - Vehicle Model:%
                </div>
                <div wdid="14" class="wdform_row">
                     %14 - Vehicle Mileage:%
                </div>
                <div wdid="15" class="wdform_row">
                     %15 - VIN Number:%
                </div>
                <div wdid="8" class="wdform_row">
                     %8 - Trim Package:%
                </div>
                <div wdid="9" class="wdform_row">
                     %9 - Vehicle Options:%
                </div>
                <div wdid="10" class="wdform_row">
                     %10 - Vehicle Condition:%
                </div>
                <div wdid="13" class="wdform_row">
                     %13 - type_submit_reset_13%
                </div>
           </div>
      </div>
      <div valign="top" class="wdform_footer" style="width: 100%;">
           <div style="width: 100%;">
                <div style="width: 100%; display: table;">
                     <div style="display: table-row-group;">
                          <div id="form_id_temppage_nav1" style="display: table-row;">
                          </div>
                     </div>
                </div>
           </div>
      </div>
 </div>
 </div>

Answer №1

There don't seem to be any problems in explorer or chrome from my end. Can you provide more details about the issue? The vehicle condition appears horizontal as you indicated. It might help to try updating your Internet Explorer.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Change the background color of a table cell based on its value with the help of JavaScript

I am attempting to apply color to cells in an HTML table (generated automatically by Python and Django) based on the content of the cells. Below is my table. I want to specifically color the column "status". Whenever the word "Cloture" appears, I would li ...

Full-width Dropdown Menu within a Container with a Maximum Width

Is it possible to make a dropdown menu within a navigation bar open to the full width of the page, even when the parent container has a maximum width of 500px? My attempt to use 100vw resulted in misaligned dropdown elements, and I cannot move the navbar ...

Creating a mesmerizing parallax effect for your image: A step-by-step guide

Looking for help to create a parallax effect on an image when hovered over. Does anyone have any advice or resources? Feeling frustrated at the moment. Here is an example link for reference: http://codecanyon.net/item/jquery-moving-perspective/full_scre ...

Does jQuery adhere to the 508 compliance guidelines?

I am currently developing a website using asp.net that must adhere to section 508 accessibility standards. I am unsure about whether I should incorporate JavaScript into the site. Is it permissible to utilize jQuery's slideUp()/slideDown() for displa ...

Embedding complex JSON information into an HTML dropdown menu

Here is a JSON string that I am working with: { "electronics": { "cameras": [ "sony", "nikon", "canon" ], "TV": "none", "laptop": [ "hp", "apple", "sony" ] }, "home": { "furniture": [ ...

Adjust the text color of a particular word as you type using the contenteditable property set to "true"

I'm attempting to jazz things up a bit. For instance, I have a div that is set as contenteditable="true". What I want to achieve is changing the color of a specific word I type while writing. In this case, let's say the word "typing" sh ...

Utilize CSS to incorporate an image as the background of a <div> element

I'm a beginner in the world of HTML/CSS and this is my practice page. I have a section with an image of a person, and I'd like to add a quote next to the image. However, I'm struggling to make the image fill the entire width and height of th ...

The function $.getJSON() seems to be non-responsive

I've been struggling to solve this issue for quite some time now. The users.json file that I am using can be found in the "JSON" folder alongside the other files. The alert("Before") is functioning properly, but I'm facing difficulty with getting ...

Error Alert: jQuery Ajax Not Executing

Looking to send form data to PHP using jQuery. Check out the code below. -------------HTML FORM-------------- <div id="createQuestionBlock"> <form id="createQuestionForm" action="" method="POST"> Question Code: <input id="code" ...

Breaking content into two sections using Javascript or jQuery

Uncertain if Javascript can handle this task, any assistance or advice is appreciated. Consider this scenario: Suppose I have a 6-paragraph long content (text only) being pulled dynamically from the database all at once. This means that all 6 paragraphs a ...

What is the best way to trigger click events within a select dropdown using Angular?

I have implemented two buttons (month, year) that trigger different events. Now, I want to replace these buttons with a select element. Can you guide me on how to achieve this? Here is my current code: // Button implementation <button class="menu-butt ...

Having trouble with CSS basics? Seeing properties change across multiple classes?

My CSS skills are still in the beginner stage and I am currently struggling to troubleshoot an issue with my code. The HTML: <div id="loginForm"> <span class="dottedLink"><a href="resetlogin">Recover login details</a></span ...

Vue unable to load material icons

The icons npm package "material-icons" version "^0.3.1" has been successfully installed. "material-icons": "^0.3.1" The icons have been imported as shown below. <style lang="sass"> $material-icons-font-path: '~material-icons/iconfont/'; ...

Issue with VueJS and jQuery: the computed value for the parent data attribute is not defined

I'm attempting to retrieve the attribute data-reportid from a parent <tr> element when the user clicks on the corresponding <td>. This is the HTML: <tr :data-reportid="modifiedRows[index]['id']" v-for="(row,index) in modifie ...

Efficiently encode and decode JSON data between PHP and JavaScript

I am attempting to convert my array results into JSON format and then transmit them to an AJAX success event using JavaScript. PHP $results = array( "time1" => 1, "time2" => 2, ); echo json_encode($results); JAVASCRIPT ...

Access error message through ajaxError binding

I've reviewed various similar inquiries on Stack Overflow, but none address the issue I'm encountering. Within my global.js file, this is what I have: $(document).ready(function () { $(document).ajaxSend(function () { ShowLoading(); }); ...

Assistance with MVC WebAPI Layout

Can anyone offer guidance on how to customize the layout of automatically generated WebAPI help pages? I am looking to replace @Html.DisplayFor(m => m.SampleResponses, "Samples") with Jquery UI tabs, but I'm having trouble getting it to function p ...

Updating the image sources of a group of image tags with a predetermined list

Looking to update a series of image source references within a specific div tag. For example: <!-- language-all: lang-html --> <div id="Listofimages"> <img src="images\2page_img_3.jpg"> <img src="images\2page_img_3 ...

Create a design where the logo seems to be suspended from the navigation bar using bootstrap

My goal is to achieve a navigation bar similar to the one shown in this image: Using Bootstrap 3, the code below is what I have implemented for my navigation: <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <di ...

What is the best way to stack several items vertically beside an image?

As a beginner in the world of web development, I recently embarked on my first project. However, I am facing an issue where I cannot align multiple elements under each other next to an image. One element floats at the top beside the image, while the other ...